.web_slider { position: relative; user-select: none; -moz-user-select: none; -webkit-user-select: none; }
.web_slider_images { position: relative; }
.web_slider ul, .web_slider li { margin: 0; padding: 0; list-style-type: none; }
.web_slider ul { position: relative; overflow: hidden; }
.web_slider ul li { position: absolute; top:0; font-size: 0 !important; display: none;  }
.web_slider ul li:first-child { position: relative; z-index:1; display: inherit; }
.web_slider ul li a.web_slider_image_link { line-height: 0; font-size: 0; }
.web_slider a img { border-width: 0; }
.web_slider .caption { 
	position: absolute; font-size: 14px; bottom: 10px; left: 40px; font-family: Arial;
	color: #FFF; background: rgba(0,0,0,.7); padding: 5px 10px; width: 35%; line-height: 18px;
}
.web_slider .caption a { color: #FFF; }
.web_slider .caption a:hover { text-decoration: none; }
.web_slider .caption .web_slider_header { 
	font-size: 18px; 
	color: #FFF !important; 
	line-height: 24px !important; 
	padding: 0; margin:0; display: block;	
}
.web_slider img { height: auto; max-width: 100%; border-width: 0; }

/* previous and next button */
.web_slider .previous, .web_slider .next { 
	position: absolute; background: rgba(0,0,0,.7); top: 50%; width: 50px; height: 40px; overflow: hidden; text-indent: -1000px; 
	cursor: pointer; z-index: 2; display: block; opacity:0.7; filter:alpha(opacity=70); margin-top: -20px;
}
.web_slider .previous:hover, .web_slider .next:hover { opacity:1; filter:alpha(opacity=100); }
.web_slider .previous { left: 5px; background: url(img/prev.png) 0 0 no-repeat; }
.web_slider .next { right: 5px; background: url(img/next.png) 0 0 no-repeat; }

/* pagination */
.web_slider .pagination {
	position: absolute; text-align: center; width: 100%; bottom: 5px; overflow: hidden; z-index: 4;	
}
.web_slider .pagination .page {
	display: inline-block; background: rgba(0,0,0,.7); width: 30px; height: 30px; line-height: 30px; text-align: center; 
	margin: 0 1px; color: #FFF; font-size: 12px; cursor: pointer; opacity:0.7; filter:alpha(opacity=70); border-radius: 2px;
}
.web_slider .pagination .page:hover { opacity:1; filter:alpha(opacity=100); }
.web_slider .pagination .active { background: #777; }

/* filmstrip */
.web_slider .filmstrip {	width: 100%; z-index: 3; background: #000; font-size: 0; }
.web_slider .filmstrip .active { background: #FFF; }  
.web_slider .filmstrip .thumb {
	display: inline-block; height: auto; opacity:0.7; filter:alpha(opacity=70); cursor: pointer; padding: 4px 0 4px 0;
}
.web_slider .filmstrip .thumb:hover { opacity:1; filter:alpha(opacity=100); }