.dg-container{
	width: 100%;
	height: 450px;
	position: relative;
}
.dg-wrapper{
	max-width: 481px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper a{
	max-width: 482px;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	text-decoration: none;
	
}
.dg-wrapper a.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.dg-wrapper a img{
	display: block;
	width: 100%;
	height: 250px;
	border: 2px solid #ff9800;
	
}
.dg-wrapper a div{

	text-align: center;
	line-height: 50px;

	color: #fff;
	font-size: 16px;
	width: 100%;
	position:relative;
	max-width:100%;
	top:10%;
	
	display: none;

}
.dg-wrapper a.dg-center div{
	display: block;
}
.navWrap{
	width:100%;
	height: 50px;
	position: absolute;
	


}


.navWrap nav{
	width: 100%;
	height: auto;
	position: absolute;
	

}
.navWrap nav span{
	position: absolute;
	cursor:pointer;
	width: 42px;
	padding: 11px;
	opacity: 0.8;
	color: white;
	font-size: 20px;
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
	border-radius: 20px;
	text-align: center;
	
}
.navWrap nav span>i.fa-chevron-left{
margin-left: -4px;
margin-top: 1px;
}
.navWrap nav span>i.fa-chevron-right{
margin-right: -4px;
margin-top: 1px;
}
.dg-container nav span:hover{
	opacity: 1;
}
.dg-container nav span.dg-next{
right: 0px;
}