.dg-container{width:100%;height:360px; padding-top:20px;position: relative}
.dg-wrapper{
	width: 504px;
	height: 360px;
	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{
	width: 482px;
	height: 360px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: url('../images/honor-bg.png') no-repeat center;
	background-size: 100%;
}
.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; margin: 0 auto; position: relative; top: 18%; max-width: 317px; max-height: 215px;}
.dg-wrapper a.dg-center{position:relative; z-index:999}
.dg-container .dg-prevnext{margin:10px auto 0; width:60px; display:block}
.dg-container .dg-prevnext span{text-indent: -9000px;float: left;cursor:pointer;width: 24px;height: 25px;opacity: 0.8;background: transparent url(../images/3d-arrows.png) no-repeat top left}
.dg-container .dg-prevnext span:hover{opacity: 1;}
.dg-container .dg-prevnext span.dg-next{background-position: top right;margin-left: 10px}
@media only screen and (max-width: 979px) {
	.dg-container{width:100%;height:300px}
	.dg-wrapper{width: 422px;height: 300px;}
	.dg-wrapper a{width:400px;height: 300px;}
	.dg-wrapper a img{max-width: 276px; max-height: 200px;}
}
@media only screen and (max-width: 767px) {
	.dg-container{width:100%;height:240px}
	.dg-wrapper{width: 322px;height: 240px;}
	.dg-wrapper a{width:300px;height: 240px;}
	.dg-wrapper a img{max-width: 200px; max-height: 168px; top: 20%;}
}
@media only screen and (max-width: 479px) {
	.dg-container{width:100%;height:200px; padding-top:0}
	.dg-wrapper{width: 260px;height: 200px;}
	.dg-wrapper a{width:260px;height: 200px;}
	.dg-wrapper a img{max-width: 180px; max-height: 130px; top: 18%;}
}