.product-p-img > img {
    width: 100%;
}

.product-p-content {
    margin: 0 auto;
    position: relative;
    top: -44px;
    width: 90%;
    padding: 0 40px 40px;
    -webkit-box-shadow: 1px 1px 2px 2px #f4f4f4; /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow: 1px 1px 2px 2px #f4f4f4; /* Firefox 3.5 - 3.6 */
    box-shadow: 1px 1px 2px 2px #f4f4f4; /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
h5.title {
    font-size: 15px;
}
.text-bold {
    font-weight: bold !important;
}
.d-black {
    color: #2a2a2a;
}
span.add {
    font-size: 11px;
    font-family: 'Noto Sans', sans-serif;
}

span.foo {
    font-family: 'Noto Serif', serif;
    font-size: 12px;
    line-height: 24px;
}
.v-light-gray {
    color: #a9a9a9;
}
.btn {
    padding: 10px 25px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .btn:hover {
        color: #000;
    }

.btn-red {
    background-color: #ee3440;
}

.btn-pink {
    background-color: #f50057;
}

.btn-sky-blue {
    background-color: #00aed7;
}

.btn-sky-blue-t {
    background: #2196f3;
}

.btn-orange {
    background-color: #fc4f33;
}

.btn-orange-t {
    background-color: #ef6c00;
}

.btn-orange-light {
    background: #fd7347;
}

.btn-violet {
    background-color: #a649cb;
}

.btn-violet-t {
    background-color: #6a1b9a;
}

.btn-green-t {
    background-color: #87af24;
}

.btn-green {
    background-color: #8bc34a;
}

.btn-trans {
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 12px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .btn-trans:hover {
        background-color: #fff;
    }

.btn-black {
    background-color: #000;
    font-size: 12px;
    color: #fff;
}

    .btn-black:hover {
        background-color: #fff;
        color: #000;
    }

.btn-gray {
    background: #515151;
    color: #fff;
}

    .btn-gray:hover {
        background: #ef6c00;
        color: #fff;
    }
.red {
    color: #ee3440;
}

.pink {
    color: #f50057;
}

.sky-blue {
    color: #00aed7;
}

.blue {
    color: #2196f3;
}

.orange {
    color: #ef6c00;
}

.orange-light {
    color: #fd7347;
}

.violet {
    color: #6a1b9a;
}

.green {
    color: #87af24;
}

.green-t {
    color: #8bc34a;
}

.white {
    color: #ffffff;
}

.dark-gray {
    color: #222;
}

.e-light-gray {
    color: #c7c7c7;
}

.v-light-gray {
    color: #a9a9a9;
}

.d-black {
    color: #2a2a2a;
}

.f-gray {
    color: #c5c5c5;
}

.c-555 {
    color: #555555;
}

.2a-bg {
    background: #2a2a2a;
}

.dark-gray-bg {
    background-color: #222;
}

.light-gray-bg {
    background-color: #444;
}

.v-d-bg {
    background: #262626;
}

.white-bg {
    background-color: #fff;
}

.twitter-bg {
    background-color: #00aced;
}

.fb-bg {
    background-color: #3c68b6;
}

.linkedin-bg {
    background: #0078b5;
}

.youtube-bg {
    background: #cc181e;
}

.vimeo-bg {
    background: #44bbff;
}

.dribbble-bg {
    background: #ea4c89;
}

.google-plus-bg {
    background: #d14836;
}

.pinterest-bg {
    background: #cb2027;
}

.en-bg {
    background: #808080;
}
/*--buttons--*/
.btn {
    padding: 10px 25px;
    color: #fff;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .btn:hover {
        color: #000;
    }

.btn-red {
    background-color: #ee3440;
}

.btn-pink {
    background-color: #f50057;
}

.btn-sky-blue {
    background-color: #00aed7;
}

.btn-sky-blue-t {
    background: #2196f3;
}

.btn-orange {
    background-color: #fc4f33;
}

.btn-orange-t {
    background-color: #ef6c00;
}

.btn-orange-light {
    background: #fd7347;
}

.btn-violet {
    background-color: #a649cb;
}

.btn-violet-t {
    background-color: #6a1b9a;
}

.btn-green-t {
    background-color: #87af24;
}

.btn-green {
    background-color: #8bc34a;
}

.btn-trans {
    background-color: transparent;
    border: 1px solid #fff;
    font-size: 12px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

    .btn-trans:hover {
        background-color: #fff;
    }
.zt {
    font-family: "Microsoft YaHei",微软雅黑
}

.btn-black {
    background-color: #000;
    font-size: 12px;
    color: #fff;
}

    .btn-black:hover {
        background-color: #fff;
        color: #000;
    }

.btn-gray {
    background: #515151;
    color: #fff;
}

    .btn-gray:hover {
        background: #ef6c00;
        color: #fff;
    }

span.sep {
    display: block;
    height: 20px;
    width: 1px;
    background-color: #a9a9a9;
    margin-left: auto;
    margin-right: auto;
    margin-top: 14px;
    margin-bottom: 11px;
}
.product-p-content-small {
    padding: 0 20px 20px;
}

.product-p-content > a {
    position: relative;
    top: -20px;
}
.mt-10 {
    margin-top: 10px !important;
}

.mt-15 {
    margin-top: 15px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-25 {
    margin-top: 25px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-70 {
    margin-top: 70px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mt-90 {
    margin-top: 90px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.mt-116 {
    margin-top: 116px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mb-110 {
    margin-bottom: 110px;
}

.mb-116 {
    margin-bottom: 116px !important;
}

.mb-120 {
    margin-bottom: 120px;
}

.mb-130 {
    margin-bottom: 130px;
}