.prodetails-top{align-items: flex-start;}
.preview-container{width:50%;position:relative;display:flex;flex-wrap:wrap;margin-right:0;flex-direction: row-reverse;}
.preview-container .thumbnail-show{flex:1;position:relative;display:flex;justify-content:center;}
.preview-container .small-box{width:100%;aspect-ratio:1/1;background:#FFFFFF;position:relative;border:1px solid #EEEEEE;display:flex;align-items:center;justify-content:center;overflow:hidden}
.preview-container .small-box:hover{cursor:crosshair}
.preview-container .small-box img{width:100%;height:100%;object-fit:contain}
.preview-container .big-box{display:none;border:1px solid #dfdfdf;border-left:none;width:100%;height:100%;position:absolute;left:100%;top:0;overflow:hidden;z-index:999;background:#FFFFFF}
.preview-container .big-box img{display:block;max-width:none;max-height:none;width:150%}
.preview-container .big-box.act{display:none!important}
.small-box .hover{position:absolute;width:180px;height:180px;background-color:rgba(204,204,204,.6);border:1px solid #EEEEEE;display:none;cursor:move;z-index:9}
.preview-container #media{background:#EEEEEE;width:100%;aspect-ratio:1/1;height:auto;object-fit:contain;z-index:9}
.preview-container .thumbnail-box{position:relative;height:468px;margin-left:15px;padding:30px 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}
.thumbnail-box .prodetails-button-next em,.thumbnail-box .prodetails-button-prev em{font-size:var(--fontsize22)}
.thumbnail-box .prodetails-button-next em{transform:rotateX(180deg)}
.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}
.thumbnail-box .prodetails-button-next{top:auto;bottom:0px}
.banner-page{display:none}
.singglepic{width:40%;aspect-ratio:1/1;text-align:center;overflow:hidden;margin:0px auto;border:1px solid #EEEEEE}
.singglepic img{width:100%;height:100%;object-fit:contain}
.mediaplay{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border:2px solid #FFFFFF;border-radius:50%;color:#FFFFFF;text-align:center;position:relative;transition:.5s;cursor:pointer;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:none;z-index:99}
.mediaplay em{font-size:var(--fontsize36);position:static;border:none;background:0 0;transform:none;width:auto;height:auto}
.mediaplay::after{content:"";display:block;position:absolute;left:-2px;right:-2px;bottom:-2px;top:-2px;border-radius:50%;border:3px solid;opacity:.8;border-color:transparent;border-right-color:var(--color);animation:runDot 2s infinite ease-in-out}
.mediaplay:hover{color:var(--color);background:rgba(255,255,255,.7)}
@keyframes runDot{0%{transform:rotate(0)}100%{transform:rotate(359deg)}}
@media (min-width:769px) and (max-width:1440px){.preview-container .thumbnail-box{height:400px;}}
@media (min-width:769px) and (max-width:1370px){.preview-container .thumbnail-box{height:330px;}}
@media (min-width:769px) and (max-width:1280px){.preview-container{width:42%}}
@media (min-width:769px){.imgalt{display:none}
.prodetails-info{padding-left:5%;}
.preview-container .banner-page{display:none}}
@media (max-width:768px){
.preview-container{width:100%;height:auto}
.preview-container .thumbnail-show{display:none}
.preview-container .thumbnail-box{padding:0px;margin:0px;border:1px solid #CCCCCC;height:auto;width:100%}
.preview-container .thumbnail-box .item img{object-fit:contain}
.thumbnail-box .prodetails-button-next,.thumbnail-box .prodetails-button-prev{display:none}
.preview-container .thumbnail-box .item{aspect-ratio:1/1;border:none}
.mediaplay{width:50px;height:50px}
.imgalt{position:absolute;left:50%;transform:translateX(-50%);bottom:10px;width:95%;height:40px;line-height:40px;background:#00000080;color:#FFFFFF;border-radius:30px;padding:0px 20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.preview-container .banner-page{height:40px;line-height:40px;padding-top:0;padding-bottom:0;}
}
.pro-d-main .kche-t124 .kche-t124-item .kche-t124-icon{font-size:44px;background:none !important;}

@media (max-width: 500px) {
.kche-t194 .kche-t194-item {flex-wrap: wrap;}
.kche-t194 .kche-t194-text {width: 100%;}
.kche-t194 .kche-t194-img {flex: none;width: 100%;}}
@media (min-width:769px){.pro-d-main .kche-t143 .kche-t143-img{width:30%;}
.pro-d-main .kche-t143 .kche-t143-info{width:70%;}
.pro-d-main .kche-t148 .kche-t148-item-img{width:40%;}
.pro-d-main .kche-t148 .kche-t148-item-info{width:60%;}}

@media screen and (max-width: 768px) {.kche-t148 .kche-t148-item:nth-child(odd){flex-direction: column-reverse;}}
.pro-d-main .prodetails-tabs .prodetails-tabs-item.sendinquiry{display:none;}