/*
elementor_tab
@author CJJ
 */

.trans{transition:all 0.4s ease-out-moz-transition:all 0.4s ease-out;-ms-transition:all 0.4s ease-out;-o-transition:all 0.4s ease-out;-webkit-transition:all 0.4s ease-out;}
.clean{zoom:1;}
.clean:after,.clean:before{content:''; display:table;}
.clean:after{clear:both;}

.pic_size_width{width: 390px;}
.detail_left_box{position: relative;background: #fff;margin-bottom: 40px;padding-bottom: 10px;}
.detail_pic{text-align:center;position: relative;}
.detail_pic .up{height:578px;position: relative;}
.detail_pic .up .big_box{margin:auto; position:absolute; left:0; top:0; bottom: 0; z-index:1; max-width:100%;}
/*.detail_pic .up .big_box.center{left: 50%;transform:translate(-50%,0);}*/
.detail_pic .magnify{position:relative; width:100%; height:100%;}
.detail_pic .magnify .big_pic{text-align:center;}
.detail_pic .magnify .video_container{display:none;}
.detail_pic .magnify .detail_img_box{position:absolute; overflow:hidden; z-index:1; top:-9999px; border:1px #8c8684 solid; background-color:#fff;}
.detail_pic .magnify .detail_img{position:absolute; max-width:1500px;}
.detail_pic .magnify .rect_mask{background-image:url('/wp-content/plugins/bs-mall-plugins/css/../../../images/global/rect_mask.gif'); position:absolute; cursor:crosshair; top:-9999px; left:0; z-index:100;}
.detail_pic .magnify .icon_discount{position:absolute; top:0; right:0; width:44px; height:25px; color:#fff; line-height:12px; padding-top:5px;}
.detail_pic .magnify .icon_discount b{font-size:16px;}
.detail_pic .magnify .icon_discount_foot{width:0; height:0; border-left:22px transparent solid; border-right:22px transparent solid; border-top-width:8px; border-top-style:solid; position:absolute; right:0; top:30px;}
.detail_pic .small_carousel{margin:15px auto 0; position:relative;height: 70px;}
.detail_pic .small_carousel .viewport{width:100%; height:70px; position:absolute; overflow:hidden; left:0; top:0;right: 0;margin: auto;}
.detail_pic .down .carousel_btn{width:40px; height:40px; cursor:pointer; outline:0; position:absolute; top:50%;border-radius: 50%;transform:translate(0,-50%);font-family: monospace;text-align: center;line-height: 40px;font-weight: bold;background: white;color:#ccc;transition:all 0.4s ease-out;z-index: 10}
.detail_pic .down .carousel_btn:hover{background: #000;color: white;}
.detail_pic .down .carousel_btn.left{left:15px;}
.detail_pic .down .carousel_btn.right{right:15px;}
.detail_pic .viewport .list{width:10000px; position:absolute; left:0; top:0; height:70px; list-style-type: none;padding: 0}
.detail_pic .viewport .list .item{display:list-item; margin:0 20px 0 0; position:relative; float:left; border: 1px solid #E9E9E9;box-sizing:border-box;width:65.7px;height:65.7px;position: relative;}
.detail_pic .viewport .list .item:after{content: '';position: absolute;inset:0 0 0 0;background: rgba(233,233,233,0.5);transition:all 0.4s ease-out;opacity: 1;cursor: pointer;}
.detail_pic .viewport .list .item.current:after,
.detail_pic .viewport .list .item:hover:after{opacity: 0}
.detail_pic .viewport .list a{background:#fff; width:100%;height: 100%;  display:block; vertical-align:middle;}
.pic_box{border-color:#e2e2e2;}
/*.detail_pic .viewport .list .arrow{width:0; height:0; border-style:solid; border-width:0 5.5px 5px 5.5px; position:absolute; top:-5px; left:0px;right: 0;margin:auto; display:none;}*/
/*.detail_pic .viewport .list .current{padding:2px;}*/
/*.detail_pic .viewport .list .current a{border:0; padding:0;}*/
/*.detail_pic .viewport .list .current .arrow{display:block;border-color: transparent transparent #333;}*/