.scrollable {
    position:relative;
    overflow:hidden;
    width: 695px;
    height: 220px;
}
.scrollable .items {
    width:20000em;
    position:absolute;
}
.scrollable .items > div {
    float:left;
    height: 244px;
    overflow: hidden;
    width: 695px;
}
.mainIMage{
    float:left;
}
.sc_back{
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 1px;
    background: url(/img/slide_left.png) 0 50% no-repeat;
    cursor: pointer;
    z-index: 2;
}
.sc_next{
    width: 20px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 1px;
    background: url(/img/slider_right.png) 0 50% no-repeat;
    cursor: pointer;
    z-index: 2;
}


/*.sc_next{
    width: 20px;
    float: left;
    height: 100%;
    position: relative;
    z-index: 2;
    margin-left: -20px;
    background-color: red;
    background: url(/img/slider_right.png) 0 50% no-repeat;
    cursor: pointer;
}*/



.scroll {
    position:relative;
    overflow:hidden;
    width: 300px;

}
.scroll .mid {
    width:20000em;
    position:absolute;
}
.scroll .mid .midsc {
    float:left;
    overflow: hidden;
    /*    width: 300px;*/

}
.scroll image
{
    border: 0 none;
}
.midsc > img
{
    margin-right: -3px;
}





.blog_scroll {
    position:relative;
    overflow:hidden;
    height: 475px;
}
.blog_scroll .items {
    width:20000em;
    position:absolute;
}
.blog_scroll .items .item
{
    float: left;
    width: 433px;
    margin-left: 19px;
/*    margin-right: 19px;*/
}