.pro-d-main .page-main {width:100%;padding:0;}
@media (min-width:769px){.preview-container{width:580px;height:480px;padding-left:105px;position:relative;}
.thumbnail-box{width:95px;height:100%;position:absolute;left:0;top:0;margin:0;padding:35px 0;}
.thumbnail-box .swiper{width:100%;height:100%;}
.thumbnail-box .prodetails-button-next, .thumbnail-box .prodetails-button-prev{width:100%;height:25px}
.thumbnail-box .prodetails-button-prev{top:0;left:0;}
.thumbnail-box .prodetails-button-next{top:auto;bottom:0;left:0;}
.thumbnail-box .prodetails-button-prev em{transform:rotate(-90deg)}
.thumbnail-box .prodetails-button-next em{transform:rotate(90deg)}
.thumbnail-show{height:480px}}
@media (max-width:1280px) and (min-width:769px){.preview-container{width:440px;height:350px;padding-left:95px}
.thumbnail-box{width:86px}
.thumbnail-show{height:350px}}
@media (max-width:1024px) and (min-width:769px){.preview-container{width:366px;height:290px;padding-left:76px}
.thumbnail-box{width:66px}
.thumbnail-show{height:290px}}
.sprodetails-maylike {margin-top:30px;}
.prodetails-title {font-size:20px;font-weight:var(--fontbold7);color:var(--fontcolor);margin-bottom:20px;}
.prodetails-inquiry {margin-top:40px;}
.sprodetails-maylike .sidebarhot-list {display:flex;flex-wrap:wrap;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:15.5%;margin:0 1.4% 30px 0;display:flex;flex-direction:column;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(6n) {margin-right:0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-img {position:relative;display:block;width:100%;padding-bottom:100%;border:1px solid #ccc;overflow:hidden;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-img img {width:100%;height:100%;display:block;position:absolute;top:0;left:0;transition:.5s;object-fit:contain;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info {padding-top:10px;flex:1;display:flex;flex-direction:column;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info .title {font-weight:bold;line-height:1.4;font-size:17px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:10px;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item .sidebarhot-info .more {margin-top:auto;color:#555;text-transform:capitalize;font-size:15px;transition:.5s;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-img{border-color:var(--color)}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-img img {transform:scale(1.05)}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:hover .sidebarhot-info .more {color:var(--color)}
@media (max-width:1024px){.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:32%;margin:0 2% 30px 0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:0;}}
@media (max-width:768px){.sprodetails-maylike .sidebarhot-list .sidebarhot-item {width:48%;margin:0 4%% 30px 0;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(3n) {margin-right:4%;}
.sprodetails-maylike .sidebarhot-list .sidebarhot-item:nth-child(2n) {margin-right:0;}}