/******************************************/
/*************** SLIDES.CSS ***************/
/******************************************/


/*************** SLIDES (orig settings ***************/
/*#slides{position:absolute;top:15px;left:4px;z-index:100;}*/

/*************** SLIDES CONTAINER ***************/
.slides_container{width: 100%; text-align: center;}
.slides a{text-decoration: none;}

.slide{width: 1070px; height: 500px; display: block; background-position: center center; background-size: cover;}
.slide .imageurl{display: none;}

/*************** EACH SLIDE ***************/
/* set width, if height not specified -> will be set by its content, display: block */
/*.slides_container a img, .slides_container img{display:block; }
*/
/*************** NEXT PREV BUTTONS ***************/
.slides .next, .slides .prev {position:absolute; margin-top: 20px; }
.slides .prev{left: 280px;}
.slides .next {right: 300px;}


.slideshow .pagination{margin-top: 10px; width: 101%; margin-left: -0.5%;}

.slideshow .pagination li {
	margin-top: 6px;
	display: inline;
	float:left;
	/*margin-right: 17px;*/
	margin: 0 0.5%;
	width: 24%; 
	height:100px; 
	list-style:none;
	position: relative;
}

.slideshow .pagination li.last {margin-right: 0;}
.slideshow .pagination li a {display:block; /*width: 200px;*/ width: 100%; height:100%; margin:0px; float:left; background:#f9f9f9; overflow: hidden; background-position: center center; background-size: cover;}
.slideshow .pagination li.last, .slideshow .pagination li.first{/*width: 201px;*/}
.slideshow .pagination li a img{width: 100%;}
.slideshow .pagination li.current a {}
.slideshow .pagination li .overlay{width: 100%; height: 100%; position: absolute; display: block; cursor: pointer;}
.slideshow .pagination li:hover .overlay{background-color: rgba(87,94,94,0.45);}
.slideshow .pagination li.current .overlay{width: 100%; height: 100%; position: absolute; display: block; background: rgba(87,94,94,0.45) url(../img/ic_current.png) no-repeat center center;}