.dg-container { width: 100%; height: 610px; position: relative; }
.dg-wrapper { width: 920px; height: 610px; 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: 920px; height: 610px; display: block; position: absolute; left: 0; top: 0; z-index: 10; }
.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: 100%; object-fit: cover; padding: 0; }
.dg-wrapper .dg-center { z-index: 99999; position: relative; display: block; }
.dg-wrapper a div.content { width: 100%; display: none; position: relative; text-align: center; background: #f2f2f2; color: #fff; padding: 20px; }
.dg-wrapper a.dg-center .icon-video, .dg-wrapper a.dg-center .content { display: block; }
.dg-container .btn-vi { position: absolute; top: 170px; z-index: 2; display: block; cursor: pointer; width: 51px; height: 51px; left: 17%; }
.dg-container .btn-vi:nth-child(2) { left: unset; right: 17%; transform: scaleX(-1); }
.dg-container nav span:hover { opacity: 1; }
.dg-wrapper a .icon-video { display: none; }
.icon-video.btn-frame { position: absolute; top: 50%; right: unset; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; }
.icon-video.btn-frame img { width: 100%; }
.icon-video.btn-frame i { width: 60px; height: 60px; background: transparent; }
.icon-video.btn-frame .kenit-alo-circle { width: 70px; height: 70px; border-color: #fff; }
.icon-video.btn-frame .kenit-alo-circle-fill { width: 80px; height: 80px; background: #ffffffe3; }