/* CSS Document */
#picture {
	position:relative;
	width:800px;
	height:300px;
	overflow:hidden;
}
#list {
	position:absolute;
	z-index:1;
	width:4800px;
	height:300px;
}

#list img {
	float:left;
	width:800px;
	height:300px;
}

#buttons {
	position:absolute;
	left:350px;
	bottom:20px;
	z-index:2;
	height:10px;
	width:100px;
}

#buttons span {
	float:left;
	margin-right:5px;
	width:10px;
	height:10px;
	border:1px solid #999;
	border-radius:50%;
	background-color:#fff;
	cursor:pointer;
}

#buttons .on {
	background:orangered;
}

.arrow {
	position:absolute;
	top:150px;
	display:none;
	z-index:2;
	width:40px;
	height:40px;
	font-size:36px;
	font-weight:bold;
	line-height:39px;
	text-align:center;
	color:#fff;
	background-color:RGBA(0,0,0, .3);
	cursor:pointer;
}

.arrow:hover {
	background-color:RGBA(0,0,0, .3);
}

#picture:hover .arrow {
	display:block;
}

#prev {
	left:20px;
}

#next {
	right:20px;
}