﻿@charset "utf-8";
/* CSS Document */
.details-wrap{ position:relative;}
.details_main{ margin-bottom:20px;}
.details-tit{ padding:10px 0; height:30px; line-height:30px; font-size:16px;}
.details-tit a{ color:#666;}
.details-tit code{ padding:0 5px;}
.details-tit .cur_tit{ color:#4d4d4d; font-size:20px; font-weight:bold; padding-left:10px; margin-left:20px; border-left:4px solid #D7421E;}
.details-meta{ width:100%; margin-top:10px;/* position:relative; z-index:100;*/}
.details-top{ padding-bottom:10px;  background-color:#FFF;}
.details-left{     width: 30%;
    margin-right: 10px;
    float: left;
    background: #fff;
    padding: 20px;
margin-top: 20px;}
.details-right{ /*width:960px; float:left;*/}
/*左边大图切换*/
.details-top .preview { float: left; display: inline; width: 418px; position: relative;}
.details-top .gallery{ display: block; font-size: 0; width: 398px; height: 398px; line-height: 398px; overflow: hidden; border:1px solid #eee; text-align: center; position:relative;}
.details-top .gallery img { max-width: 398px; vertical-align: middle;}
.details-top .gallery span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.details-top .product-list{position: relative; width: 350px; height: 60px; overflow: hidden; padding: 0 25px; margin-top:25px;}
.details-top .product-list .spec-control{display: block;position: absolute;top: 25px;width: 6px;height: 9px; cursor:pointer;}
.details-top .product-items{ width:350px; margin:0 auto; overflow:hidden;}
.details-top .product-items ul{ height:60px; overflow:hidden;}
.details-top .product-items li { float:left; display:inline-block; margin:0 5px;}
.details-top .product-items li a{ width: 60px; height:60px; line-height:60px; overflow:hidden; position: relative; display: block; font-size: 0; text-align: center; }
.details-top .product-items li a img { width: 45px; height:40px; vertical-align: middle;}
.details-top .product-items li a span { display: inline-block; font-size: 0; height: 100%;line-height: 0; overflow: hidden; vertical-align: middle; width: 0;}
.details-top .product-items .img-hover a{border: 2px solid #e4393c; height: 56px; width: 56px;}
.details-top .product-items .img-hover img{left: -2px; top: -2px;}
.details-top .total-data{ color:#808080;}
.details-top .total-data em{color:#f00e0e;}
.details-top .details-tools{ clear:both; color:#999; text-align:left; padding-top:20px;}
.details-top .share-list{ color:#808080; float: left; display: block; white-space: nowrap; margin-right:10px;}
/*.details-top .share-list b{float:left; display:inline-block; width:12px; height:14px; margin:2px 6px 0 0; background:url(../images/details-bg.png) no-repeat; background-position: 0 -9px;}*/
.details-top .share-list em{color:#666;}
.details-top .atten{ color:#808080; white-space:nowrap;}
/*.details-top .atten b{float:left; display:inline-block; width:14px; height:13px; vertical-align:middle; margin:2px 6px 0 0; background:url(../images/details-bg.png) no-repeat; background-position:-18px -32px;}*/
.details-top .atten.on b{ background-position:-18px -17px;}
.product-tip{ color:#999; text-align:left; line-height:18px; margin-top:15px;}
.product-tip a{ color:#4AA1DE;}
/**/
#preview{ float:left;text-align:center; width:400px;}
#spec-n5{width:100%; height:54px; padding-top:10px; overflow:hidden; margin:0 auto;}
#spec-left,#spec-right{background:url(./p_a.png) no-repeat; margin-top:16px;}
#spec-left{ background-position: 0 0; width:12px; height:20px; float:left; cursor:pointer;}
#spec-right{ background-position:-15px 0; width:12px; height:20px; float:right;cursor:pointer;}
#spec-left.prevStop,#spec-right.nextStop{ opacity:.4; -moz-opacity:.4; filter:alpha(opacity=40); cursor:default;}
#spec-list{ float:left; display:inline; width:346px; margin-left:14px; overflow:hidden; position:relative;}
#spec-list ul li{ float:left; padding-right:23px; display:inline; width:50px;}
#spec-list ul li img{ width:50px; height:50px; border:1px solid #FFF;}
#spec-list ul li img:hover,#spec-list ul li.on img{ border-color:#00A0E9;}
/*jqzoom*/
.jqzoom{ display:table-cell; vertical-align:middle; text-align:center; width:400px; height:400px; overflow:hidden; border:1px solid #DFDFDF; position:relative;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:418px;height:418px;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:1000;visibility:hidden;position:absolute;top:24px;left:24px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
.small-pic-lst{ position:absolute; left:0; top:0; z-index:1;}


/*产品相关信息（尺寸等）*/
.details-top .item-info{ float:right; color:#666; font-size:12px; width:738px;}
.details-top .item-loca{ font-size:14px; height:30px; line-height:30px; margin-bottom:10px; border-bottom:1px dotted #E5E5E5;}
.details-top .item-info h1{ color:#666; font-size:22px; font-weight:bold; line-height:25px; margin-bottom:4px;}
.details-top .item-info h1 a{ color:#666;}
.details-top .item-info h1 .item-title-tag{ color:#FF7300; font-size:12px; font-weight:normal; border-radius:3px; padding:2px 5px; margin-left:6px; background-color:#FFE4D3;}
.details-top .item-info h2{ color:#ff603b; font-size:13px; padding-bottom:20px;}
.details-top .item-panel{ padding:10px 20px; line-height:24px; margin-bottom:30px; background-color:#F6F6F6; position:relative;}
.details-top .item-panel .clearfix .fl{ line-height: 26px;}
.details-top .item-panel .summary-price{ color:#666; padding-left:10px; display:inline-block;}
.details-top .item-panel .del-price{ color:#555; font-size:13px; line-height:34px;}
.details-top .item-panel .promo-price{ color: #e61226; font-size:18px; font-weight:bold; vertical-align:middle; position:relative;}
.details-top .item-panel .promo-price em{ font-size:24px;}
.details-top .item-panel .promo-price .cut-off{ color:#FFF; font-size:12px; line-height:18px; padding:0 4px; background-color:#F47A86; position:absolute; right:-68px; top:-14px; z-index:2;}
.details-top .item-panel .promo-price .cut-off:after{ content:''; border-top:5px dashed transparent; border-bottom:0 dashed transparent; border-right:5px solid #F47A86; position:absolute; left:-5px; bottom:0; z-index:1;}
.details-top .item-panel .addi-price{ margin-top:-4px; margin-left:120px;}
.details-top .item-panel .promo-type{ font-size:12px; color:#fff;}
.details-top .item-panel .promo-type{background-color: #e6063c; color: #fff; height: 16px; line-height: 16px; margin: 0 2px 0 6px; width: 54px; text-align:center; display:inline-block;}
.details-top .item-panel .promo-info{ color:#c09247; font-size:13px; margin-top:4px; position:relative;}
.details-top .item-panel .promo-info .more{ color:#c09247; position:absolute; right:0; top:0; z-index:1; cursor:pointer;}
.details-top .item-panel .pormo-info-layer{ display:none; color:#666; font-size:13px; width:100%; background-color:#FFF; /*position:absolute;*/ left:0; top:40px; z-index:2;}
.details-top .item-panel .pormo-info-table{ border:1px solid #EDEDED;}
.details-top .item-panel .pormo-info-table th,.details-top .item-panel .pormo-info-layer td{ text-align:center; padding:4px 0; border-bottom:1px solid #EDEDED;}
.details-top .item-panel .pormo-info-table .more-up{ color:#B37262; cursor:pointer;}
.details-top .item-info p{ height:16px; line-height:16px; color:#666;}
.details-top .item-info .buy-tip{ margin-top: 10px;}
.details-top .addi-attr-wrap{ font-size:13px; padding-bottom:20px; /*border-bottom:1px dashed #E5E5E5;*/}
.details-top .addi-attr-wrap dl{ display: table-row;}
.details-top .addi-attr-wrap dd{ /*display: table-cell;*/ padding: 5px 0;}
.details-top .sale-attr-wrap{ padding:10px 0 5px; margin-top:10px; border-top:1px dashed #d1d1d1;}
.details-top .sale-attr-wrap dl{ font-size:12px;}
.details-top .sale-attr-wrap dd{ float:left; width:640px; margin-left:80px;}
.details-top .sale-attr-wrap dd img{ vertical-align:-6px;}
.details-top .addi-attr-tip{ text-indent:10px; line-height:34px;}
.addi_attr dd{ color:#666; line-height:38px; margin-left:80px;}
.addi_attr dd .select_area{ color:#666; text-decoration:none; padding:2px 4px; border:1px solid #E5E5E5;}
.addi_attr dd .deli_list{ border:1px solid #eee; left:0; top:27px;}
.details-top .sale-attr-left{ display: table-cell; color:#999; white-space: nowrap; text-align: right; width:66px; overflow:hidden; padding:10px;}
.details-top .sale-attr-selected{ color: #ff603b; font-size: 14px; line-height: 37px;}
.details-top .sale-attr-bottom{ margin:20px 0;}
.details-top .sale-attr-wrap .sale-attr-bottom dl{ margin-bottom:10px;}
.details-top .sale-attr-wrap .sale-attr-bottom dd{ width:400px;}
.details-top .xoption{ margin-top:6px; margin-right:10px; display:inline-block; *display: inline; position: relative; *zoom: 1;}
.details-top .xoption a{position: relative;display: block;zoom: 1;border: 1px solid #E5E5E5;padding: 0 13px;text-align: center;color:#666;/*height: 26px;*/line-height: 26px;background: #fff;white-space: nowrap;}
.details-top .xoption a:hover{ text-decoration:none;}
/*.details-top .xoption.selected b{ display: none; position:absolute; bottom:0; right:0; z-index:1;width: 17px;height: 14px;overflow: hidden;background:url(../Images/details-bg.png) no-repeat 0 0; filter:hue-rotate(160deg);}*/
.details-top .xoption.selected a{ border:2px solid #00A0E9;}
.details-top .xoption.selected2 a{ border:2px solid #f22b2b;}

.details-top .xoption a img{ width:36px; height:36px; margin:0 -10px;}
.details-top .xlink{float: left; margin-top:6px; margin-right:10px;position: relative;zoom: 1;}
.details-top .xlink a{display: block;zoom: 1;padding: 0 3px;text-align: center;color:#FF531A;height: 24px;line-height: 24px;white-space: nowrap;}
.details-top .sale-number{ display: inline-block; vertical-align: middle; color:#878787; line-height:36px; margin-bottom: 4px;}
.details-top .number-minus,.details-top .number-plus{ font-size:18px; font-weight:bold; color:#3F3F3F; text-align:center; text-decoration:none; width: 24px;height: 24px;line-height:24px; margin-top:4px; border:1px solid #dcdcdc; cursor: pointer;float: left;display:inline-block;}
.details-top .number-minus{background-position: -20px -163px;}
.details-top .number-plus{background-position: -35px -164px;}
.details-top .number-disabled{ color:#CCC;}
.details-top .number-input{float: left;height: 24px;line-height:24px; margin:0 -1px; margin-top:4px; border:1px solid #dcdcdc;width: 60px;text-align: center;}
.details-top .number-input-wrap{ margin:0 10px;}
.details-top .number-input-com{ text-align: center; width: 60px; height: 22px; line-height:22px; padding:0 2px; margin:0 4px; border:1px solid #dcdcdc; background-color:#FFF;}
.details-top .xnumber-quota{margin-left: 15px;}
.details-top .xnumber-quota strong{font-weight:normal;}
.details-top .sale-upload{ padding: 16px 10px; border: 1px dotted #D7D7D7;}
.details-top .sale-upload .upload-item{ display: table-cell; vertical-align: top; line-height: 30px; padding: 0 10px; margin-right: 20px;}
.details-top .sale-upload .upload-item:nth-of-type(1),.details-top .sale-upload .upload-item:nth-of-type(3){ white-space: nowrap;}
.details-top .sale-upload .upload-item .text{ /*display: table-cell;*/ vertical-align: middle; height: 30px;}
.details-top .sale-upload .btn-upload{ display: inline-block; vertical-align: middle; line-height: 28px; padding: 0 8px; border: 1px solid #B9B9B9; border-radius: 3px; cursor: pointer;}
.details-top .sale-upload .btn-upload:hover{ background-color: #FFE6DD;}
.details-top .buy-wrap{ padding-left:80px; margin-top:20px; margin-bottom:20px; position:relative;}
.details-top .buy-wrap a:hover{text-decoration: none;}
.details-top .btn-sku{ display: inline-block; color: #FFF; font-size: 16px; font-weight: normal; text-align: center; text-decoration: none; width: 178px; height: 40px; line-height: 40px; overflow: hidden; margin-right: 20px; box-sizing: border-box; position: relative;}
.details-top .btn-join-cart {
    color:#000;
    background-color: #fff;
    border: 1px solid #000000;
    cursor: pointer;
}
.details-top .btn-join-cart:hover{ background-color:#fff;}
.details-top .btn-to-buy{ background-color:#00A0E9; cursor:pointer;}
.details-top .btn-to-buy:hover{ background-color:#00A0E9;}
/*.details-top .btn-join-cart .xico-cart{ display:inline-block; *display:inline; *zoom:1; vertical-align:-5px; width:23px; height:21px; margin-right:4px; background:url(../Images/details-bg.png) 0 -17px no-repeat; filter: brightness(0);}*/
.details-top .btn-design {
    color: #FF603B;
	border: 1px solid #FF603B;
    background-color: #FFE6DD;
}

    .details-top .btn-design:hover {
		color: #FFF;
        background-color: #FF603B;
    }
    .details-top .btn-design .xico-design {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        vertical-align: -3px;
        width: 23px;
        height: 23px;
        margin-right: 10px;
        background: url(../images/details-bg.png) 0 -83px no-repeat;
    }

    .details-top .btn-design:hover .xico-design {
        background-position: 0 -60px;
    }
.details-top .production-wrap {
    height: 90px;
    background: url(../images/production-progress.png) 0 0 no-repeat;
}
.details-top .total-wrap {
    color: #4F1805;
    font-size: 14px;
    padding: 16px;
    background: linear-gradient(90deg, #FFDCCB 0%, #FFEDE2 100%);
    border-radius: 2px;
}
.details-top .total-wrap .total-price{ color: #E0221A;}
.details-top .total-wrap .total-price.big{ font-size: 24px;}
.details-top .total-wrap .total-tip{ display: inline-block; font-size: 13px; margin-top: 10px;}

/*产品详情信息切换*/
.deteils-tab-tit{ text-align: center; height:55px; line-height:55px;}
/*.deteils-tab-tit::after{ content: ''; width:3840px; height:80px; position: absolute; left: -1000px; z-index: -1; background-color: #f6f6f6;}*/
.deteils-tab-tit.fixed{ width:1200px; position:fixed; top:0; z-index:100;}
.deteils-tab-tit li.deteils-tab-link{ display:inline-block; font-size:24px; position:relative; text-align:center;}
.deteils-tab-tit li.deteils-tab-link a{ color:#666; display:block; height:100%; padding:0 30px; margin-left:-1px; position:relative; cursor:pointer;}
.deteils-tab-tit li.deteils-tab-link.selected a{ color:#000; font-weight:bold; height:80px; line-height:80px; border-bottom: 3px solid #00A0E9; box-sizing: border-box;}
.deteils-tab-tit li.deteils-tab-link.selected a i{ background: url(../Images/details-bg.png) 0 -45px; width:10px; height:5px; display: inline-block; bottom:0;margin:auto auto 0;top:0;right:0; left:0;}
.deteils-tab-tit li.deteils-tab-link a:hover{ color:#B71B07; text-decoration:none;}
.deteils-tab-tit li.deteils-tab-link.selected a:hover{ color:#000;}
.deteils-tab-tit li.deteils-tab-tit-more{ margin-right:20px;}
.deteils-tab-tit li .c-blu{ color:#6FA1EC;}

.details-tab-con{ margin-top: 20px;
    border-top: none;
    width: 64%;
    float: right;
    background: white;}
.details-tab-list{ display:none;}
.details-tab-list h3{ color:#666; font-size:20px; text-align:left; height:40px; line-height:40px; margin:10px 0; background-color:#F5F5F5;}
.details-tab-list h3 .title{ display:inline-block; line-height:40px; padding:0 38px 0 34px; background-color:#72AAFF; position:relative;}
.details-tab-list h3 .title:before{ content:""; display:inline-block; width:22px; height:39px; background:url(../images/details-bg.png) -10px -130px no-repeat; position:absolute; right:0; top:0; z-index:2;}
.details-tab-list h3 .title:after{ content:""; display:inline-block; width:9px; height:15px; background:url(../images/details-bg.png) 0 -130px no-repeat; position:absolute; left:14px; top:14px; z-index:3;}
.details-tab-list h3 i{ float:left; width:38px; color:#FFF; font-style:italic; font-size:18px; font-weight:bold; text-align:center; margin-right:10px; background-color:#666;}
.details-tab-list img{ vertical-align:middle; max-width:100%;display:block;margin:0 auto;height: auto;}
.details-tab-list .details-tab-dtl{ margin:30px 0;}
.details-tab-list .details-tab-content{ margin-bottom: 10px;}
.details-table{ border-collapse:collapse; margin-bottom:30px;}
.details-table th,.details-table td{ font-size:14px; height:40px; line-height:40px; padding:0 10px; border:1px solid #DEDFDE;}
.details-table th{ color:#333; background-color:#F7F7F7;}
.details-table td{ color:#666;}

