.dg-container {width: 100%;height: 450px;position: relative;}
.dg-wrapper {width: 600px;height: 450px;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: 600px;height: 450px;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; 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; }



.dg-prev {
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 24%;
    width: 60px;
    height: 60px;
    background: url('../images/album-prev.png')no-repeat;
}

.dg-next {
    cursor: pointer;
    position: absolute;
    width: 60px;
    height: 60px;
    background: url('../images/album-next.png')no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: 24%;
}