/* CSS Document */
body,
ul,
li {
    padding: 0;
    margin: 0;}

ul,
li {
    list-style: none;}

img {
    border: none;}

.box {
    width: 92%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    _height: 100%;
    margin-bottom: 80px;}

.picbox {
    width: 980px;
    height: 90px;
    overflow: hidden;
    position: relative;}

.piclist {
    height: 115px;
    position: absolute;
    left: 0px;
    top: 0px
;}

.piclist li {
    background: #eee;
    margin-right: 20px;
    padding: 5px;
    float: left;}

.piclist li a img {
    width: 220px;
    height: auto;}

.swaplist {
    position: absolute;
    left: -3000px;
    top: 0px
;}

.og_prev,
.og_next {
    width: 30px;
    height: 50px;
    background: url(../images/icon.jpg) no-repeat;
    background: url(../images/icon_ie6.jpg) no-repeat \9;
    position: absolute;
    top: 10px;
    z-index: 99;
    cursor: pointer;
    filter: alpha(opacity=70);
    opacity: 0.7;}

.og_prev {
    background-position: 0 -60px;
    left: 4px;}

.og_next {
    background-position: 0 0;
    right: 4px;}

.main-other-bottom {}

.main-other-bottom-pic {
    width: 980px;
    margin: 0 auto;}

.main-other-bottom-head-pic {
    width:100%;
    margin: 20px auto 20px;}

@media only screen and (max-width: 1022px) {

    .main-other-bottom {
        display: none;}

}