/*通用*/
* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
    cursor: pointer
}

.relative {
    position: relative;
    width: 100%
}

.maxwidth {
    width: 1224px;
    margin: 0 auto
}

#big_img {
    /* height:1006px;*/
    background: no-repeat center
}

#small_img {
    height: 228px;
    padding-top: 13px;
    position: absolute;
    top: -234px;
    width: 100%;
    overflow: hidden;
}

#small_pre {
    margin-right: 17px;
    background: url(../images/leftright.png) no-repeat 0 center
}

#small_next {
    margin-left: 17px;
    background: url(../images/leftright.png) no-repeat -44px center
}

#small_pre:hover {
    background-position: -22px center
}

#small_next:hover {
    background-position: -66px center
}

#small_imgs {
    width: 1224px;
    overflow: hidden
}

#small_imgs .item {
    float: left;
    padding: 0 6px
}

#small_imgs .item .img {
    cursor: pointer;
    width: 288px;
    height: 186px;
    padding: 3px;
    padding-top: 22px;
}

#small_imgs .item .img img {
    width: 288px;
    height: 180px;
    border: 1px solid #ddd;
}

#small_imgs .item .active {
    background: url(../images/banner_bg_a.png) no-repeat center bottom
}

#small_imgs .item .img:hover {
    background: url(../images/banner_bg.png) no-repeat center bottom
}