.dg-container{width:100%;height:340px;position:relative;}
.dg-wrapper{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{width:482px;height:316px;display:block;position:absolute;left:0;top:0; border:1px solid #eee; box-shadow:0 0 15px #999;border-radius:5px;}
.dg-wrapper a.dg-transition{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.dg-wrapper a img{display:block;padding:0;width:100%;}
.dg-wrapper a.dg-center:hover .txt{background:rgba(215, 35, 40,0.8);height:150px;padding:25px;}
.dg-wrapper a.dg-center:hover h4{font-size:20px;font-weight:700;}
.dg-container nav{}
.dg-container nav span{ position:absolute; left:50%; top:50%; width:50px; margin-top:-25px; height:50px;cursor:pointer;}
.dg-container nav span.dg-prev{background:transparent url(../img/left.png) center no-repeat; margin-left:-585px;}
.dg-container nav span.dg-next{background:transparent url(../img/right.png) center no-repeat; margin-left:535px;}
.dg-container nav span.dg-prev:hover{background:transparent url(../img/lefth.png) center no-repeat;}
.dg-container nav span.dg-next:hover{background:transparent url(../img/righth.png) center no-repeat;}