.box{
	height: 100px;
	border: 0px solid red;
	overflow: hidden;
	width: 697px;
	height:148px;
	margin: 0 auto;
	position: relative;
}
#roll{
	width: 200%;
    padding-top: 15px;    
}
#roll dd{
	width: 158px;
	height: 107px;
	border: 0px solid #00EE00;
	float: left;
	margin-right: 5px;
	margin-left: 10px;
}
#roll dd img{width:100%;height:100%;cursor:pointer;}
#roll dd p{margin-top: 3px;text-align: center;}
#roll dd a:hover p{color:color: rgb(255, 0, 0);}

.box .prev{
    background: #fff url("../../images/parallelleft.jpg") center;
    position: absolute;
	top:0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 100%;
    padding: 0;
    text-align: center;
    cursor: pointer;
    z-index: 90;
    color: #fff;
}
.box .next{
    background: #fff url("../../images/parallelright.jpg") center;
    position: absolute;
	top:0;
    background-repeat: no-repeat;
    display: inline-block;
    width: 15px;
    height: 100%;
    padding: 0;
    text-align: center;
    cursor: pointer;
    z-index: 90;
    color: #fff;
	right:0px;
}