.preview{width:400px; height:465px;  margin-bottom: 20px;}
/* smallImg */
.smallImg{position:relative; height:60px; background-color:#F1F0F0; padding:6px 5px; width:400px; overflow:hidden;float:left;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:50px; height:50px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:50px; height:50px; border:3px solid #959595;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:300px; overflow:hidden;}
.bigImg #midimg{width:400px; height:300px;}
.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;}


/*.product-intro{*/
/*    color: #fff;*/
/*}*/
.font-size-24{
    font-size: 24px;
    line-height: 30px;
    margin-top:30px;
}
ul.row {
    margin: 10px auto;
    font-size: 14px;
    padding: 10px 0;
    border-top: 1px solid #e4eaec;
    border-bottom: 1px solid #e4eaec;
}
ui li{
    line-height: 30px;
}
.description{
    font-size: 14px;
    line-break: 22px;
}
.swiper_banner img{
    width:100%;
}
.swiper_banner{
    display: none;
}
@media (max-width: 1440px) and (min-width: 1024px) {
    .preview{
        display: block;
    }
    .swiper_banner{
        display: none;
    }
}


@media (max-width: 1230px) and (min-width: 1024px) {
    .preview{
        display: block;
    }
    .swiper_banner{
        display: none;
    }
}

@media (max-width: 992px) {
    .preview{
        display: block;
    }
    .swiper_banner{
        display: none;
    }
}


@media (max-width: 778px) {
    .preview{
        display: none;
    }
    .swiper_banner{
        display: block;
    } 
}


.link-btn{width:100%;}
.link-btn a{width:40%; float:left; padding:0 5%; margin:0 5%;}
.link-btn a.more:hover {
    background-color: #fff;
    color: #eb6100;
}
.link-btn a.more {
    display: block;
    border: 1px solid #eb6100;
    background-color: #eb6100;
}
.more:hover {
    background-color: #fff;
    color: #eb6100;
}

.more {
    display: block;
    width: 185px;
    height: 44px;
    border: 1px solid #fff;
    border-radius: 2px;
    font-size: 14px;
    color: #fff;
    line-height: 44px;
    text-align: center;
    transition: all .4s;
}