.dg-container{
	width: 100%;
	height: 450px;
	position: relative;
   top: -125px;
}
.dg-wrapper{
	width: 316px;
	height: 277px;
	margin: 254px 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{
	width: 300px;
	height: auto;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	
	
}
.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;
	/* padding: 41px 0px 0px 1px; */
}
.dg-wrapper a div{
	text-align: center;
	line-height: 50px;
	font-weight: bold;
	color:black;
	font-size: 16px;
	width: 100%;
	/* bottom: -55px; */
	display: none;
	position: absolute;
}
.dg-wrapper a.dg-center div{
	display: block;
}
/* .dg-container nav{
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px;
} */
.dg-container .dg-prev,.dg-container .dg-next{
	display: block;
	cursor:pointer;
	width:36px;
	height:36px;
	line-height: 36px;
	background:linear-gradient(-30deg,rgba(103,82,181,0.25),rgba(22,92,177,0.25));
	border-radius:50%;
   transition: all 0.5s ease; 
} 
.dg-container .dg-prev{
  	position: absolute;
    left: -68px;
    top: 170px;
}
.dg-container .dg-prev:hover,.dg-container .dg-next:hover{
  background:linear-gradient(-30deg,rgba(103,82,181,1),rgba(22,92,177,1));
}
.dg-container .dg-next{
	position: absolute;
    right: -60px;
    top: 170px;
}
.dg-container .dg-prev .iconfont,.dg-container .dg-next .iconfont{
  color:rgba(136,136,136,1);
}

.dg-container .dg-prev:hover .iconfont,.dg-container .dg-next:hover .iconfont{
  color:white;
}

@media only screen and (max-width: 1400px){
  .dg-wrapper a{
   
    height: auto;
  }
  .dg-container .dg-prev{
   
  }
  .dg-container .dg-next{
   
  }
  
}


