.box{
    overflow: hidden;

    width: 100%;

    margin: 0 auto;

    position: relative;

}

#roll{

    width: 200%;

}

#roll dd{

    width: 215px;
    float: left;
    margin-right: 12px;
    overflow: hidden;
}
#roll dd:hover .ddName{
    color:#ce6667;
}
#roll dd img{
    display: block;
    width:100%;
    height:100%;
}
.box span{position: absolute;bottom: 45%; display: inline-block;width: 38px;height:38px;line-height:38px;text-align: center;cursor: pointer;background: red;z-index: 90;color: #fff;}

.box .next{right: 0;}
.ddBox{
    width:215px;
    height:205px;
    overflow: hidden;

}

.ddBox img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ddBox img:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.ddName{
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height:30px;
    line-height: 30px;
}