@charset "utf-8";

.ow-breadcrumb h5{ font-size:32px; color:#fff; margin:0 20px 0 0; padding:0; }
.mbody{ margin:20px auto 15px auto; width:1200px; padding:0px;}
/*商品详细页*/
.ow-main-section{ box-sizing:border-box; float:left; padding:0 20px 0 0; width:820px; }
.ow-main-section .ow-main-container{}

.ow-sider-section{ box-sizing:border-box; float:left; width:380px; position:relative; }
.ow-sider-section::before { border-left:0px solid #ddd; content:""; position:absolute; width:1px; height:100%; left:20px; top:0;}
.ow-sider-section .ow-sider-container{ min-height:1200px; padding:15px 0 0 60px;}

.goods{ position:relative;}
.goods h1.title { color:#000; font-size:24px; line-height:130%; }
.goods h2.subtitle { font-size:15px; font-weight:normal; padding-bottom:10px; }
.goods-picseo{ display:none;}

.goods-gallery{ box-sizing:border-box; margin:0; padding:0; position:relative; width:800px; }
.gallery-goods { position:relative; z-index:1;}
.gallery-goods img.thumbnail{ max-width:100%;}
.gallery-goods .gallery-view { background-color:#f6f6f6; border-radius:5px; border:0px solid #ccc; box-sizing:border-box; height:800px; width:800px; z-index:1; text-align:center; display:flex; flex-direction:row; align-items:center; align-content:center; justify-content:center;}
.gallery-goods .gallery-view span.cloudzoom_wrap{ display:inline-block; display:flex; justify-content:center; height:800px; width:800px; position:relative;}
.gallery-goods .gallery-view a.cloud-zoom{ display:block; max-height:800px; max-width:800px; position:absolute; overflow:hidden;}
.gallery-goods .gallery-view img { border-radius:5px; max-height:800px; max-width:800px; height:expression(this.height > 800 ? 800 : true); width:expression(this.width > 800 ? 800 : true);}
.gallery-goods .gallery-view .mousetrap{ min-height:800px; min-width:800px; max-height:800px; max-width:800px; height:800px; width:800px; position:absolute; left:0px;}
.gallery-goods .gallery-view .cloud-zoom-big { background:#fff; border:1px solid #ccc; height:800px; width:800px; left:800px; top:-1px;}
.gallery-goods .gallery-view .cloud-zoom-lens{ background:#fff;}
.gallery-goods .gallery-list{ padding:20px 0 20px 0; }
.gallery-goods .gallery-list:after { clear:both; content:"."; display:block; height:0px; visibility:hidden;}

.gallery-goods .gallery-list ul { list-style:none; margin:0; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; }
.gallery-goods .gallery-list ul li{ background:#fff; box-sizing:border-box; border:1px solid #ccc; border-radius:5px; display:inline-block; list-style:none; height:90px; width:90px; margin:0px 12px 12px 0px; padding:0; overflow:hidden; text-align:center;}
.gallery-goods .gallery-list ul li:hover{ border-color:#666;}
.gallery-goods .gallery-list ul li:hover img{ transform:scale(1.10,1.10); transition-duration:500ms; transition-timing-function:ease-out; }
.gallery-goods .gallery-list ul li a { display:block;}
.gallery-goods .gallery-list ul li img { height:89px; width:89px; }
.gallery-goods .gallery-list ul li.current { border:2px solid #333;}
.gallery-goods .gallery-list ul li.current img { height:88px; width:88px; }
.gallery-goods .gallery-list a.turner { display:none; height:32px; position:absolute; left:17px; width:40px;}
.gallery-goods .gallery-list a.prev { top:0px;}
.gallery-goods .gallery-list a.prev:hover {background-position:40px 0px;}
.gallery-goods .gallery-list a.next { bottom:0px; background-position:0px -32px;}
.gallery-goods .gallery-list a.next:hover {background-position:40px -32px;}

.goods-gallery .video-icon{ position:absolute; left:740px; top:740px; z-index:998;}
.goods-gallery .video-icon a{ background:#ff852a; border-radius:10px; color:#fff; display:inline-block; font-size:12px; height:20px; line-height:20px; padding:10px; vertical-align:top;}
.goods-gallery .video-icon a:hover{ background:#00091d; }
.goods-gallery .video-icon a i{ background:url("../images/icons.png") no-repeat; background-position:0 -80px; background-size:20px; display:inline-block; float:left; height:20px; width:20px; }
.goods-gallery .video-view{ background:#000; display:none; height:800px; width:800px; position:absolute; padding:0; top:0; left:0; z-index:999;}
.goods-gallery .video-view .video-inner{ position:relative;}
.goods-gallery .video-view .video-inner{ cursor:pointer; display:inline-block; width:100%; height:100%; display:-webkit-box; display:-webkit-flex; display:flex; -webkit-box-align:center; -webkit-align-items:center; align-items:center; text-align:center; }
.goods-gallery .video-view video{ background-color:#ccc; margin:auto; max-height:100%; max-width:100%; z-index:1; }
.goods-gallery .video-view .close{ background:rgba(0,0,0,0.6); border-radius:50%; display:inline-block; height:24px; line-height:24px; padding:5px; position:absolute; top:15px; right:15px; z-index:9999;}
.goods-gallery .video-view .close i{ background:url("../images/icons.png") no-repeat; background-position:0 -120px; background-size:24px; display:inline-block; float:left; height:24px; width:24px; }

/*详细*/
.navtitle{ font-size:24px; }
.product-detail{ padding:0 0;}
.product-detail .typeattr{ margin-bottom:15px;}
.product-detail .tags { font-size:14px; margin:20px 0px; padding:5px 0px;}
.product-detail .tags a{ margin:0px 0px 0px 5px;}
.product-detail .pager { padding:20px 0px 20px 0px; text-align:center;}
.product-detail .prev-next{ border-top:1px dotted #ddd; margin:20px 0px; padding:10px 0px;}
.product-detail .prev-next .prev{ height:24px; padding:4px 0px;}
.product-detail .prev-next .next{ height:24px; padding:4px 0px;}

/*参数*/
.ow-ptable{ border:1px solid #e6e6e6; width:100%;}
.ow-ptable tr td.td-title{ background-color:#fafafa; border-bottom:1px solid #e6e6e6; border-right:1px solid #e6e6e6; padding:5px 10px;  text-align:right; min-width:80px; width:13%;}
.ow-ptable tr td.td-text{ border-bottom:1px solid #e6e6e6; padding:5px 10px;}

/*左侧边*/
.ow-sider-cates{ margin-bottom:30px;}
.ow-sider-cates .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-cates .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #f60000;}
.ow-sider-cates ul{ margin:0; padding:10px 0;}
.ow-sider-cates ul li{ list-style:none; margin:0; padding:0;}
.ow-sider-cates ul li a{ border-bottom:1px solid #eee; display:block; font-size:15px; height:24px; line-height:24px; padding:12px 0px;}
.ow-sider-cates ul li a:hover{ background-color:#ff852a; border-color:#ff852a; color:#fff; padding-left:20px; text-decoration:none;}

.ow-related-content{ background:#fcfcfc; border:1px solid #eee; margin-bottom:30px; padding:5px 20px; }
.ow-related-content .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-related-content .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #f60000;}
.ow-related-content ul{ margin:0; padding:10px 0;}
.ow-related-content ul li{ border-bottom:1px solid #eee; display:block; list-style:none; margin:0; padding:0;}
.ow-related-content ul li{ font-size:15px; font-weight:normal; height:48px; line-height:48px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; }
.ow-related-content ul li a{ position:relative; z-index:1;}
.ow-related-content ul li a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff852a; transition:0.5s; z-index:-1;}
.ow-related-content ul li a:hover::before { width:100%;}

.ow-related-goods{ margin-bottom:30px;}
.ow-related-goods .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-related-goods .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #f60000;}
.ow-related-goods ul{ margin:0; padding:0;}
.ow-related-goods ul li{ border-bottom:1px dotted #ccc; list-style:none; margin:0; padding:20px 0px 20px 0px; zoom:1; overflow:auto;}
.ow-related-goods ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-related-goods ul li .thumb{ float:left; height:120px; width:120px; padding:0 20px 0px 0px;}
.ow-related-goods ul li .thumb img{ background-color:#eee; border-radius:5px; height:120px; width:120px;}
.ow-related-goods ul li .info{}
.ow-related-goods ul li .info h3{ font-size:15px; font-weight:normal; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.ow-related-goods ul li .info h3 a{ position:relative; z-index:1;}
.ow-related-goods ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff852a; transition:0.5s; z-index:-1;}
.ow-related-goods ul li .info h3 a:hover::before { width:100%;}
.ow-related-goods ul li .info .subtitle{ color:#888; font-size:13px; padding:5px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

.ow-popular-goods{ margin-bottom:30px;}
.ow-popular-goods .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-popular-goods .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #f60000;}
.ow-popular-goods ul{ margin:0; padding:0;}
.ow-popular-goods ul li{ border-bottom:1px dotted #ccc; list-style:none; margin:0; padding:20px 0px 20px 0px; zoom:1; overflow:auto;}
.ow-popular-goods ul li:hover img{ background:#eee; transform:scale(0.92,0.92); transition-duration:500ms; transition-timing-function:ease-out; }
.ow-popular-goods ul li .thumb{ float:left; height:120px; width:120px; padding:0 20px 0px 0px;}
.ow-popular-goods ul li .thumb img{ background-color:#eee; border-radius:5px; height:120px; width:120px;}
.ow-popular-goods ul li .info{}
.ow-popular-goods ul li .info h3{ font-size:15px; font-weight:normal; margin:0; padding:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;}
.ow-popular-goods ul li .info h3 a{ position:relative; z-index:1;}
.ow-popular-goods ul li .info h3 a::before { content:""; position:absolute; width:0%; height:100%; left:0; top:1px; border-bottom:1px solid #ff852a; transition:0.5s; z-index:-1;}
.ow-popular-goods ul li .info h3 a:hover::before { width:100%;}
.ow-popular-goods ul li .info .subtitle{ color:#888; font-size:12px; margin:0; padding:5px 0 0 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}

/*tags*/
.ow-sider-tags{ margin-bottom:20px;}
.ow-sider-tags .hd{ border-bottom:1px solid #eee; font-size:18px; font-weight:bold; padding:10px 0px; position:relative;}
.ow-sider-tags .hd::before { content:""; position:absolute; width:35%; height:0px; left:0; bottom:-1px; border-bottom:1px solid #ff852a;}
.ow-sider-tags .bd{ padding:10px 0px 10px 0px; }
.ow-sider-tags .bd a{ display:inline-block; margin:2px 10px 2px 0px;}
.ow-sider-tags .bd a,
.ow-sider-tags .bd a:visited{ color:#857f7a;}
.ow-sider-tags .bd a:hover{ color:#ff852a;}