#warpper
{
    width: 100%;
    height: 400px;
    position: relative;
}
#warpper2
{
    width: 100%;
    height: 400px;
    position: relative;
}
#warpper3
{
    width: 100%;
    height: 400px;
    position: relative;
}
warpper4
{
    width: 100%;
    height: 400px;
    position: relative;
}
#focus
{
    background: rgb(35, 31, 32);
    margin: 0px auto;
    width: 960px;
    height: 400px;
    overflow: hidden;
    display: none;
    position: relative;
}
#focus2
{
    background: rgb(35, 31, 32);
    margin: 0px auto;
    width: 960px;
    height: 400px;
    overflow: hidden;
    display: none;
    position: relative;
}
#focus3
{
    background: rgb(35, 31, 32);
    margin: 0px auto;
    width: 960px;
    height: 400px;
    overflow: hidden;
    display: none;
    position: relative;
}
#focus4
{
    background: rgb(35, 31, 32);
    margin: 0px auto;
    width: 960px;
    height: 400px;
    overflow: hidden;
    display: none;
    position: relative;
}
.focusWarp
{
    width: 960px;
    height: 400px;
    overflow: hidden;
    position: relative;
}

.imgList
{
    position: absolute;
}
.imgList li
{
    height: 400px;
    text-align: center;
    float: left;
}
.imgList_two
{
    top: 100px;
    position: absolute;
    z-index: 10;
}
.imgList_two li
{
    text-align: center;
    float: left;
}
.imgList_two li img
{
    margin-left: -330px;
}
.imgBtn
{
    bottom: 10px;
    position: absolute;
    z-index: 10;
}
.btnWarp
{
    overflow: hidden;
}
.imgBtn li
{
    background: url("../images/btnBg_03.png") no-repeat right top;
    width: 19px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    font-size: 14px;
    margin-right: 10px;
    float: left;
    cursor: pointer;
    _background: url(../images/btnBg_03.gif) no-repeat right top;
}
.imgBtn li.hover
{
    background: url("../images/btnBg_03.png") no-repeat left top;
    _background: url(../images/btnBg_03.gif) no-repeat left top;
}
.sizeBox
{
    left: 0px;
    top: 0px;
    width: 300px;
    position: absolute;
    z-index: 10;
}
.prev
{
    background: url("../images/prevNext.gif") no-repeat;
    top: 120px;
    width: 36px;
    height: 77px;
    display: block;
    position: absolute;
    z-index: 100;
}
.next
{
    background: url("../images/prevNext.gif") no-repeat;
    top: 120px;
    width: 36px;
    height: 77px;
    display: block;
    position: absolute;
    z-index: 100;
}
.prev
{
    left: 50%;
}
.next
{
    background-position: right top;
    right: 50%;
}
.thumPrev
{
    background: url("../images/sprevNext.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    _background: url(../images/sprevNext.gif) no-repeat;
}
.thumNext
{
    background: url("../images/sprevNext.png") no-repeat;
    width: 20px;
    height: 20px;
    margin-top: 10px;
    margin-right: 10px;
    display: block;
    _background: url(../images/sprevNext.gif) no-repeat;
}
.thumNext
{
    background-position: right top;
}