@media (min-width:769px){.preview-container{width:43%;flex-direction: row-reverse;}
.preview-container .thumbnail-box{position:relative;height:520px;margin-right:15px;padding:30px 0;width:auto;margin-top:0;}
.preview-container .thumbnail-box .list{width:100%;height:100%}
.preview-container .thumbnail-box .item{overflow:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;position:relative;border:1px solid #EEEEEE;aspect-ratio:1/1;overflow:hidden}
.preview-container .thumbnail-box .item.item-cur{border-color:var(--color)}
.preview-container .thumbnail-box .item img{width:100%;height:100%;object-fit:cover}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{position:absolute;top:0;left:0;width:100%;height:25px;background:var(--color);color:#FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s linear;z-index:9;border-radius: 0;border:none;transform:none;}
.thumbnail-box .prodetails-button-prev{left:auto;}
.thumbnail-box .prodetails-button-next em,.thumbnail-box .prodetails-button-prev em{font-size:var(--fontsize22);transform:rotate(90deg)}
.thumbnail-box .prodetails-button-next.not,.thumbnail-box .prodetails-button-prev.not{background:#EEEEEE;color:#999;}
.thumbnail-box .prodetails-button-next:hover,.thumbnail-box .prodetails-button-prev:hover{opacity:.9;color:#fff;}
.thumbnail-box .prodetails-button-next{top:auto;bottom:0;right:auto;}}
@media (min-width:769px) and (max-width:1440px){.preview-container .thumbnail-box{height:460px;}}
@media (min-width:769px) and (max-width:1280px){.preview-container{width:50%;}}