#slider {
	position: relative;
	width: 100%;
	height: auto;	
	overflow: hidden;
}
#slider .container {
	position: relative;
	width: 100%;
	height: auto;	
	overflow: hidden;	
}
#slider .inner {	
	position: absolute;
	left: 0;
	top: 0;	
	z-index: 0;
}
#slider .clear {
	clear: both;
}
#slider img, #slider iframe {
	float: left;
}
#slider .dot {
	position: absolute;
	opacity: 0.5;
	background-color: #fff;
	height: 12px;
	width: 12px;
	border-radius: 6px;
	cursor: pointer;
	bottom: 25px;
	z-index: 1;	
}
#slider .dot:hover, #slider .dot.active {
	opacity: 1;
}
#slider .arrow {
	background-position: 50% 50%;
	position: absolute;
	opacity: 0.5;
	background-color: #fff;
	width: 50px;
	height: 50px;
	border-radius: 25px;		
	cursor: pointer;
	z-index: 1;
	opacity: 0.4;
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s;
	background-repeat: no-repeat;
}
#slider .arrow:hover {
	opacity: 0.8;
}
#slider .arrow-left {
	background-image: url('img/arrow-left.png');	
	background-position-x: 45%;
	left: 20px;	
}
#slider .arrow-right {
	background-image: url('img/arrow-right.png');	
	background-position-x: 55%;
	right: 20px;
}