@charset "utf-8";
.zoombox {
    width: 700px;
    margin: 0px auto 0 auto;
}
.zoompic {
    width: 700px;
    height: 400px;
}
.sliderbox {
    height: 110px;
    overflow: hidden;
    margin: 6px 0 0 0;
}
.sliderbox .arrow-btn {
    width: 38px;
    height: 110px;
    background:url("../prosimg/arrow-btn.png") no-repeat;
    cursor: pointer;
}
.sliderbox #btn-left {
    float: left;
    background-position: 0 0;
}
.sliderbox #btn-left.dasabled {
    background-position: 0 -110px;
}
.sliderbox #btn-right {
    float: right;
    background-position: -38px 0;
}
.sliderbox #btn-right.dasabled {
    background-position: -38px -110px;
}
.sliderbox .slider {
    float: left;
    height: 110px;
    width: 605px;
    position: relative;
    overflow: hidden;
    margin: 0 0 0 3px;
    display: inline;
}
.sliderbox .slider ul {
    position: absolute;
    left: 0;
    width: 999em;
}
.sliderbox .slider li {
    float: left;
    width: 152px;
    height: 110px;
    text-align: center;
}
.sliderbox .slider li img {
    border: solid 1px #f5f5f5;
    width: 140px;
    height: 110px
}
.sliderbox .slider li.current img {
    border: solid 1px #3383b7;
}

@media (max-width:760px){
	.zoombox {
  
    width: 100%
}
}