.box{
	position: relative;
	margin: 10px auto;
	width: 1200px;
	height: 300px;
	border: solid 1px #777;
}
.box ul.pic li{
	position: absolute;
	width: 100%;
	height: 100%;
}
.box ul.pic li img{
	width: 100%;
	height: 100%;
	box-shadow: 0 0 5px 3px rgba(150,150,150,.3)
}
.box .btn span{
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width:50px;
	height: 50px;
	font-size: 40px;
	color: #DBDBDB;
	text-align: center;
	line-height: 50px;
	background: rgba(200,200,200,.5);
	opacity: .3;
	cursor: pointer;
	border-radius: 50%;
} 
.box .btn span:hover{
	color: #fff;
	opacity: 1;
} 
.box .btn span.next{
	right: 0;
} 
.box ul.lib{
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 4px;
	width: 100px;
	height: 15px;
	border-radius: 15px;
	background: rgba(255,255,255,.5);
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
}
.box ul.lib li{
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.box ul.lib li:hover{
	cursor: pointer;
}