            .box{
                height: 200px;
                position: relative;
                margin: 10px auto;
                padding:0px 50px;
                width:1300px;
                overflow:hidden;}
            #roll{
                width: 200%;}
            #roll dd{
                width: 240px;
                height: 180px;
                float: left;
                margin: 5px 10px;}
.box .prev, .box .next {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 40px;
    height: 55px;
    background:#999 url(../images/slider-arrow.png) -108px 12px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;}
.box .next {
    left: auto;
    right: 0px;
    background-position: 13px 12px;}
.box .prev:hover,
        .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;}
