#picarea {
    width: 100%;
}

#bigpicarea {
    position: relative;
    margin: 0px auto;
    width: 78%;
    height: auto;
    overflow: hidden;
    float: right;
    display: inline-block;
}

.image {
    text-align: center;
    width: 438px;
}

    .image img {
        border: #ececec 1px solid;
        margin: 0px auto;
        width: 100%;
    }

#bigpicarea .word {
    text-align: center;
    height: 50px;
    line-height: 50px;
    background: #fff;
    color: #333;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

#smallpicarea {
    float: left;
    width: 20%;
    height: 590px;
    overflow-y: auto;
}

#thumbs {
    margin: 0px auto;
    width: 100%;
    height: auto;
    overflow: hidden;
}

    #thumbs li {
        margin: 0px 7px;
        width: 130px;
        display: inline;
        float: left;
        height: auto;
        overflow: hidden;
        margin-bottom: 15px;
    }

    #thumbs ul {
        margin-top: 3px
    }

    #thumbs li.last_img {
        margin-right: 4px
    }

    #thumbs li.first {
        margin: 25px 10px 0px 15px;
        width: 9px;
        height: 16px;
        cursor: pointer
    }

    #thumbs li.last {
        margin: 25px 10px 0px 15px;
        width: 9px;
        height: 16px;
        cursor: pointer
    }

    #thumbs li a {
        width: 130px;
        display: block;
        font-size: 0px;
        height: 73px;
    }

        #thumbs li a:hover {
            border: #000 2px solid;
        }

        #thumbs li a.current {
            border: #f8ae0f 2px solid;
        }

.bigbtnPrev {
    z-index: 100;
    position: absolute;
    width: 35px;
    height: 51px;
    top: 186px;
    cursor: pointer;
    left: 30px
}

.bigbtnNext {
    z-index: 100;
    position: absolute;
    width: 35px;
    height: 51px;
    top: 186px;
    cursor: pointer;
    right: 30px
}

#thumbs li a img {
    width: 100%;
    height: auto;
    overflow: hidden;
}