/* 
* @Author: Marte
* @Date:   2016-11-21 16:45:42
* @Last Modified by:   Marte
* @Last Modified time: 2016-11-23 17:11:11
*/
.shadow_wrap {
     height: 50px; 
    text-indent: -999px;
    background: url(../img/shadow_bg.png) left top repeat-x;
}

.empty-h50 {
   height: 45px;
    background: #fff;
}

.mg10 {
    margin: 0 10px;
}

.buy_wrap {
    height: 506px;
    background: #fff;
}

.buy {
    height: 506px;
    background: #fff;
}

.buy_left {
    margin-left: 15px;
    width: 430px;
    height: 506px;
    margin-right: 40px;
}

/* preview start*/

.preview {
    width: 430px;
    height: 506px;
    position: relative;
}
/*.preview{width:400px; height:465px; position: relative;}*/

/* smallImg */

.smallImg {
    position: relative;
    height: 52px;
    margin-top: 20px;
    background-color: #F1F0F0;
    padding: 6px 5px;
    width: 412px;
    overflow: hidden;
    float: left;
}

.scrollbutton {
    width: 14px;
    height: 50px;
    overflow: hidden;
    position: relative;
    float: left;
    cursor: pointer;
}

    .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
        background: url(../img/d_08.png) no-repeat;
    }

    .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
        background: url(../img/d_09.png) no-repeat;
        margin-left: 395px;
        margin-top: -50px;
    }

#imageMenu {
    height: 50px;
    width: 360px;
    overflow: hidden;
    margin-left: 16px;
    float: left;
}

    #imageMenu li {
        height: 50px;
        width: 60px;
        overflow: hidden;
        float: left;
        text-align: center;
    }

        #imageMenu li img {
            width: 50px;
            height: 50px;
            cursor: pointer;
            max-width: 100%;
            max-height: 100%;
            overflow: hidden;
        }

        #imageMenu li#onlickImg img, #imageMenu li:hover img {
            width: 44px;
            height: 44px;
            border: 3px solid #000; /*border:3px solid #959595;*/
        }

/* bigImg */

.bigImg {
    position: relative;
    float: left;
    width: 422px;
    height: 360px;
    overflow: hidden;
}

    .bigImg #midimg {
        width: 420px;
        height: 420px;
        border: 1px solid #eee;
        max-width: 100%;
        max-height: 100%;
        overflow: hidden;
    }

    .bigImg #winSelector {
        width: 235px;
        height: 210px;
    }

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}

/* bigView */

#bigView {
    position: absolute;
    border: 1px solid #959595;
    overflow: hidden;
    z-index: 999;
}

    #bigView img {
        position: absolute;
    }

/* preview end*/

.buy_right {
    margin-right: 15px;
    width: 700px;
    height: 506px;
    background: #fff;
}

    .buy_right .hd {
        height: 190px;
    }

.sale_produce_title {
    font-size: 16px;
    color: #333;
    margin-left: -7px;
    letter-spacing: 1px;
}

.sale_produce_describe {
    min-height: 60px;
    max-height: 65px;
    font-size: 14px;
    color: #555;
    display: inline-block;
    margin-bottom: 10px;
    letter-spacing: 0.5px;
    overflow: hidden;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
/*专柜价 净重 */
.shoppe_wrap, .suttle_wrap {
    height: 40px;
    line-height: 40px;
    color: #555;
}
    /*专柜价 */
    .shoppe_wrap .shoppe {
        float: left;
        width: 70px;
        line-height: 40px;
    }

    .shoppe_wrap .price {
        float: left;
        height: 40px;
        line-height: 40px;
        font-size: 30px;
        color: #c40000;
        line-height: 32px;
    }

        .shoppe_wrap .price i {
            font-size: 20px;
            color: #c40000;
            font-style: normal;
        }

    /*净重*/
    .suttle_wrap .suttle {
        float: left;
        width: 75px;
        line-height: 40px;
    }

    .suttle_wrap .milliliter {
        float: left;
        width: 70px;
        line-height: 40px;
    }

/*月销量*/
.bgline {
    height: 1px;
    background: url(../img/lists_dash.png) repeat-x;
}

.sales_volume {
    height: 38px;
    line-height: 38px;
}

    .sales_volume .sales_month_volume {
        margin-left: 67px;
        height: 38px;
    }

    .sales_volume .count {
        color: #c40000;
    }
/*立即购买*/
.btn_buy {
    width: 180px;
    height: 40px;
    line-height: 40px;
    background: #ffeded;
    font-size: 16px;
    color: #c40000;
    text-align: center;
    display: inline-block;
    border: 1px solid #c40000;
    margin-bottom: 30px;
    margin-top: 40px;
}

    .btn_buy:hover {
        color: #c40000;
    }

.payment {
    height: 16px;
}

    .payment span {
        width: 60px;
        height: 16px;
        display: inline-block;
    }

    .payment a {
        width: 70px;
        height: 16px;
        display: inline-block;
        margin-right: 23px;
        padding-left: 23px;
    }

        .payment a.alipay {
            background: url(../img/alipay.jpg) left top no-repeat;
        }

        .payment a.bankcard {
            background: url(../img/bankcard.jpg) left 1px no-repeat;
        }

/*产品详情*/
.detail_wrap {
    min-height: 1px;
    background: #fff;
    padding-bottom: 100px;
}

    .detail_wrap .up {
        padding-left: 20px;
        min-height: 1px;
        background: #fbfbfb;
        overflow: hidden;
        margin-bottom: 30px;
    }

.detail {
    min-height: 1px;
    margin: 0 15px;
    padding-bottom: 17px;
    overflow: hidden;
}

    .detail h3 {
        height: 47px;
        line-height: 48px;
        border-bottom: 1px solid #e8e8e8;
    }

        .detail h3 .detail_tit {
            font-size: 18px;
            height: 47px;
            color: #d52626;
        }

    .detail .box1, .detail .box2, .detail .box3 {
        color: #999;
        font-size: 14px;
        margin-top: 8px;
        min-height: 100px;
        float: left;
    }

        .detail .box1 li, .detail .box2 li, .detail .box3 li {
            line-height: 24px;
        }

    .detail .box1 {
        width: 450px;
    }

    .detail .box2 {
        width: 340px;
    }

    .detail .box3 {
        width: 340px;
    }


/*产品说明*/
.detail_wrap .down {
    min-height: 1px;
}

.down .produces {
}

.down .produces_left {
    float: left;
    width: 278px;
    margin-right: 102px;
    background: #fff;
}

.produces_left .count2 {
    margin-bottom: 20px;
}

    .produces_left .count2 li {
        width: 278px;
        display: inline;
    }

    .produces_left .count2 .img_wrap {
        width: 278px;
         /*修改2016年12月22日*/
        /*height:392px;*/
        height: 347px;
        display: inline-block;
        font-size: 0;
        overflow: hidden;
        /*margin-bottom: 22px;*/
        margin-bottom: 22px; /*修改2016年12月22日*/
    }

        .produces_left .count2 .img_wrap .img_box {
           /*修改2016年12月22日*/
            width: 278px;
            /*height: 228px;*/
            height: 200px; /*修改时间2016年12月20日*/
            padding-top: 10px; /*添加修改时间2016年12月20日*/
            display: inline-block;
            /*background:url(../img/img_wrap_bg.jpg) no-repeat;*/
        }

        .produces_left .count2 .img_wrap img {
            width: 144px;
            height: 194px;
            max-width: 100%;
            max-height: 100%;
            margin: 0 auto;
            /*-moz-transition: all 2s ease 0s;
-ms-transition: all 1s ease 0s;
-o-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;*/
        }

            .produces_left .count2 .img_wrap img:hover {
                /*-moz-transform: scale(1.15,1.15);
-ms-transform: scale(1.15,1.15);
-o-transform: scale(1.15,1.15); 
-webkit-transform: scale(1.15,1.15); 
transform: scale(1.15,1.15);*/
            }

    .produces_left .count2 .qh_title {
        line-height: 24px;
        text-align: justify;
        display: block;
        font-size: 16px;
        font-weight: bold;
        color: #333;
        font-family: "微软雅黑","Microsoft YaHei","黑体","SimHei";
       margin: 10px 11px 0 11px;
        overflow: hidden;
    }

    .produces_left .count2 .qh_price {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        color: #d70e0e;
        font-weight: normal;
        display: inline-block;
        text-align: right;
        margin: 0px 11px 0 11px;
    }

    .produces_left .count2 .qh_text {
        line-height: 24px;
        color: #555;
        font-size: 14px;
        text-align: left;
        display: block;
        
        margin: 0px 11px 0 11px; 
    }
    /*.produces_left .count2 .qh_title strong { font-size: 16px; color:#d70e0e; font-weight: normal; float: right;}
.produces_left .count2 .qh_text{line-height: 24px; color:#555; font-size: 14px;text-align: left;display: block;font-size: 16px; margin: 15px 11px 0 11px;}*/
    .produces_left .count2 .line1 {
        max-height: 30px;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
    }

    .produces_left .count2 .line2 {
        max-height: 46px;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }

    .produces_left .count2 .line3 {
        margin-top: -2px;
        max-height: 70px;
        overflow: hidden;
        word-break: break-all;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }

    .produces_left .count2 a.img_wrap:hover {
    }

    .produces_left .count2 a.active {
        box-shadow: 0px 0px 15px 0px #e4e6cd;
    }

    .produces_left .count2 a.img_wrap .qh_title {
    }

    .produces_left .count2 a.img_wrap .active {
       color: #d52626;
    }



.down .produces_right {
    float: left;
    width: 790px;
    background: #cdd;
}

.produces_right_up {
    width: 790px;
    height: 2649px;
    background: url(../img/big_up.jpg) no-repeat;
}

.produces_right_down {
    width: 790px;
    height: 1918px;
    background: url(../img/big_down.jpg) no-repeat;
}