@media (min-width:801px){.pdshow-l{width:500px;position:relative;}
.small-box{width:400px;}
.preview-container{position:relative;padding-left:100px;}
.preview-container .thumbnail-box{position:absolute;top:0;left:0;width:80px;height:100%;margin-top:0;z-index:3;padding:30px 0;max-height:400px;}
.preview-container .thumbnail-box .list{width:100px;height:100%;}
.preview-container .thumbnail-box .list ul .item{margin:0;}
.preview-container .thumbnail-box .btn{margin:0;background:var(--color);color:#fff;}
.preview-container .thumbnail-box .btn i{font-size:18px;}
.preview-container .thumbnail-box .btn-prev{left:50%;transform: translateX(-50%);top:0;width:100%;;height:20px;text-align: center;}
.preview-container .thumbnail-box .btn-prev i{transform: rotate(90deg);display:inline-block;line-height:1;width:20px;}
.preview-container .thumbnail-box .btn-next{bottom:0;top:auto;left:50%;transform: translateX(-50%);right:auto;width:100%;height:20px;text-align:center;}
.preview-container .thumbnail-box .btn-next i{transform: rotate(90deg);display:inline-block;width:20px;height:20px;line-height:1;}
.preview-container .thumbnail-box .list .swiper-wrapper{margin-left:inherit !important;}
.preview-container .thumbnail-box .list ul .item{margin-bottom:10px;width:80px;height:80px;}
.mediaplay{top:43%;left:57%;}
.pdshow-r{width:calc(100% - 500px)}
}
@media (max-width:800px){.preview-container .thumbnail-box .list ul .item img{width:100%;height:100%;object-fit: contain;}}