.mediaplay{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);z-index:99;width:50px!important;height:50px!important;cursor:pointer;display:none}
@media(max-width:768px){.mediaplay{top:49%}}

.prodetails-top .preview-container video{display:block;width:100%;height:100%;object-fit:contain;background:#EEE;position:relative;z-index:99}

.prodetails-top .preview-container .small-box{width:100%;background:#FFF;border:1px solid #DFDFDF;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}
.prodetails-top .preview-container .small-box img{width:100%;cursor:all-scroll}
.prodetails-top .preview-container .small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEE;display:none;cursor:move}