.dg-container{width: 100%;height: 340px;position: relative;margin: 0 auto;overflow: hidden;}
.dg-wrapper{width: 393px;height: 340px;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;max-width: 100%;margin: auto;}
.dg-wrapper a{display: block;position: absolute;left: 0;top: 0;background: #ECECEC;line-height: 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;border:8px solid #ECECEC;}
.dg-wrapper a div{font-style: italic;text-align: center;line-height: 50px;text-shadow: 1px 1px 1px rgba(255,255,255,0.5);color: #333;font-size: 16px;width: 100%;bottom: -55px;display: none;position: absolute;}
.dg-wrapper a.dg-center div{display: block;}
.dg-container nav .dg-prev{text-indent: -9000px;cursor: pointer;width: 40px;height: 80px;opacity: 0.8;position: absolute;left: 0;top: calc(50% - 40px);}
.dg-container nav .dg-next{text-indent: -9000px;cursor: pointer;width: 40px;height: 80px;opacity: 0.8;position: absolute;right: 0;top: calc(50% - 40px);}
.dg-container nav span:hover{opacity: 1;}
.dg-container nav span.dg-next{background-position: top right;margin-left: 10px;}