/*SLIDE STYLE*/

#slide {
	display: block;
	position: relative;
	width: 100%;
	cursor: pointer;
	overflow: hidden;
}

#s_main {
	position: relative;
	-webkit-transition: all 1.7s ease;
	transition: all 1.7s ease;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	overflow: hidden;
}

#s_content {
	position: relative;
	float: left;
	left: 0;
}

#s_content  img {
	position: relative;
	width: 100%;
}

.seek {
	position: absolute;
	height: 53.5%;
	bottom: 0;
	z-index: 10;
}

.prev {
	float: left;
	left: 10px;
}

.next {
	float: right;
	right: 10px;
}

.seek .container {
	position: relative;
	width: 60px;
	height: 60px;
	background-color: #fff;
	border-radius: 50%;
	opacity: 0.5;
	-webkit-transition: opacity 0.4s ease;
	transition: opacity 0.4s ease;
	overflow: hidden;
}

.seek .container:hover {
	opacity: 1;
}

.seek .content {
	position: absolute;
	width: 30px;
	height: 30px;
	bottom: 15px;
}

#prev .content {
	float: left;
	left: 20px;
	border-top: 5px solid #000;
	border-left: 5px solid #000;
	border-top-right-radius: 20%;
	border-bottom-left-radius: 20%;
	transform: rotate(-45deg);
}

#next .content {
	float: right;
	right: 20px;
	border-top: 5px solid #000;
	border-right: 5px solid #000;
	border-top-left-radius: 20%;
	border-bottom-right-radius: 20%;
	transform: rotate(45deg);
}