* {
margin:0;
padding:0;
}

	#container {
		width:100%;
		position:relative;
		margin:2px auto 0px auto;
		}
	#slideshow {
		width:100%;
		}
	
	#slideshow li {
		width:100%;
		position: absolute;
		list-style:none;
		}
	
	#slideshow img {
		width:100%;
		}

	
/*
	#pager {
		height:120px; 
		width:100%;
		background:rgba(0,0,0,0.5);
		position:absolute;
		bottom:5%;
		z-index:1000;
		text-align:center;
		opacity:0;
		transition:all .2s ease-in-out 0s;
		}
	#pager:hover {
		opacity:1;
		}
	#pager img {
		margin: 10px 5px;
		opacity:0.3;
		transition:all .3s ease-in-out 0s;
		}
	#pager img:hover {
		opacity:1;
		transform:scale(1.05);
		z-index:100;
		}

*/

	#prev_c {
		height:5%;
		width:5%;
		position:absolute;
		left:3%;
		top:45%;
		z-index:100;
		}
		#prev_c img {
			width:100%;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			margin:auto 0px;
			opacity:0.2;
			}

	#next_c {
		height:5%;
		width:5%;
		position:absolute;
		right:3%;
		top:45%;
		z-index:100;
		}
		#next_c img {
			width:100%;
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			margin:auto 0px;
			opacity:0.2;
			}
		#next #prev { visibility:hidden;}
		#next:hover {
			cursor:pointer;
			opacity:0.7;
			}
		#prev:hover {
			cursor:pointer;
			opacity:0.7;
			}
		#next_c,#prev_c:hover #next,#prev { visibility:visible;}

@media (max-width:500px) {
	#slideshow img {
	height:200px;
	}
	
	#prev_c img {
			width:30px;
			height:30px;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			margin:auto 0px;
			opacity:0.2;
			}
	
	#next_c img {
			width:30px;
			height:30px;
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			margin:auto 0px;
			opacity:0.2;
			}
}