.sh-detail-tab{
    font-size:14px;
    color: #4c4b49;
    padding: 40px 0 4px 70px;
    border-bottom: 0px solid #eae9e7;
}
.sh-detail-tab a{
    color: #b4b4b4;
}
.sh-detail-tab .arrow-right{
    position:relative;
    bottom: 2px;
}

.sh-product-box{
    /*margin-top:4%;*/
    overflow: hidden;
}

.sh-product-content {
    paddint-left:330px;
}
.sh-product-well .well-item{
    position: relative;
    width:25%;
    /*padding-top:20px;*/
    float:left;
    /*border: 3px solid red;*/
    /*height: 800px;*/
}
.sh-product-well .well-item .correct,
.sh-product-well .well-item .opposite{
    width: 92%;
    /* padding: 3% 0%; */
    margin: 0 4%;
    /* border: 3px solid red; */
    border-bottom: none;
    min-height: 400px;
}
.sh-product-well .well-item>img{
    width: 100%;

}
.correct{
    position: absolute;
}
.border-bot{
    border:1px solid #eae9e7;
    border-bottom: none;
}
.opposite-content{
    display: table;
    width: 100%;
    min-height: 250px;
}
.opposite-content-text{ display: table-cell; vertical-align: middle; text-align: center; color: white; font-size: 24px; }


.sh-product-content img{
    width:100%;
}
.sh-product-content .hide-img{
    display: none;
}
.sh-product-content .hide-txt-box{
    width:100%;
    height:80px;
    background-color: rgba(232,232,232,.8);
    position:absolute;
    bottom: 0px;
    padding-top:20px;
    display: none;
}
.sh-product-content .hide-txt-box img{
    width:40px;
    position:absolute;
    left:50px;
}
.sh-product-content .hide-txt-box .vertical-bar{
    width:1px;
    height:44px;
    background-color: #9e9586;
    position:absolute;
    left:108px;
}
.sh-product-content .hide-txt-box h5{
    height:48px;
    line-height: 46px;
    position:absolute;
    left:108px;
    margin:0;
    padding:0 16px;
    border-right: 1px solid #9e9586;
    color:#333;
}
.sh-product-content .hide-txt-box p{
    color:#333;
    padding-left:236px;
    margin-bottom:4px;
}
@-webkit-keyframes flipOutYtest {
    from {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 60deg);
        opacity: 0.6;
    }

    80% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0.3;
    }

    to {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, 180deg);
        opacity: 0;
    }
}

.test{
    -webkit-animation: flipOutYtest 0.5s linear;
    animation: flipOutYtest 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
    visibility: hidden;
}


@-webkit-keyframes flipInYtest {
    from {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -180deg);
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -90deg);
        opacity: 0.3;
    }

    80% {
        -webkit-transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        transform: perspective(1400px) rotate3d(0, 1, 0, -60deg);
        opacity: 0.6;
    }

    to {
        -webkit-transform: perspective(1400px);
        transform: perspective(1400px);
        opacity: 1;
    }
}

.test2{
    -webkit-animation: flipInYtest 0.5s linear;
    animation: flipInYtest 0.5s linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: block;
   visibility: visible;
}

.sh-product-box .sh-product-name{
    /* margin-left: 250px; */
    position: relative;
    height: 41px;
    padding-left: 64px;
    /* float: left; */
    width: 93%;
    margin: 0 auto;
}
.sh-product-box .sh-product-name h4{
    width:64px;
    color:#757575;
    position:absolute;
    left:0;
    top:0;
}
.sh-product-box .sh-product-name div{
    width:100%;
    height:1px;
    background-color: #eae9e7;
    position:relative;
    top:20px;
}
.sh-product-box .sh-product-content{
    margin: 0 auto;
    overflow: hidden;
    width: 95%;
}
.sh-product-txt{
    width:98%;
    margin-left:1%;
    border-top:1px solid #eae9e7;
    padding-top:15px;
    text-align: center;
    color:#a4a4a4;
}
.sh-product-box .sh-product-info,
.sh-product-box .sh-product-info2{
    width:92%;
    margin-left:4%;
}
.sh-product-box .sh-product-info{
    height:179px;
    border:1px solid transparent;
    border-top:0;
}
.sh-product-txt .sh-product-info span{
    font-size:12px;
}
.sh-product-box .sh-product-info2{
    text-align: center;
    display: none;
    border:1px solid #eae9e7;
    border-top:0;
}
.sh-product-box .sh-product-info2 img{
    width:40px;
}
.sh-product-box .sh-product-info2 img:last-child{
    margin-right:0;
}
.sh-product-box .sh-product-info2 a{
    display: block;
    width:100%;
    text-align: center;
    padding:8px;
    background-color: #ab9472;
    color:#fdfeff;
    margin-top:16px;
}
.swiper-button-prev{
    background-image: url("../images/left_arrow.png");
    left:-5px;
}
.swiper-button-next{
    background-image: url("../images/right_arrow.png");
    right:-5px;
}
.sh-product-pr{
    height:41px;
    position:relative;
    margin-top:10px;
}
.sh-product-pr .sh-product-color{
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom: 0;
    margin:auto;
    text-align: center;
}
.sh-product-color li{
    display: inline-block;
    width:40px;
    height:41px;
    position:relative;
    overflow: hidden;
    margin-right:4%;
}
.sh-product-color .mask-color{
    display: none;
}
.sh-product-color .images-active .mask-color{
    display: block;
}
.sh-product-color li:last-child{
    margin-right:0;
}
.mask-color{
    position:absolute;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 41px solid #fefefe;
    border-bottom: 20px solid transparent;
    position:absolute;
    left:15px;
    top:0;
}