.horzaccordion {
	width: 100%;
	color:#ffffff;
	overflow: hidden;}
/*A small hack to prevent flickering on some browsers*/

.horzaccordion ul {
	width: 100%;
	margin-left: 0;
	/*This will give ample space to the last item to move
	instead of falling down/flickering during hovers.*/}

.horzaccordion li {
	position: relative;
	display: block;
	float: left;	
	/*Transitions to give animation effect*/
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;}


.horzaccordion li img {
	display: block;}

/*Image title styles*/
.image_title {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0; bottom: 0;	
	width:100%;	
	text-align: center;}
	
.image_title a {
	color: #fff;
	text-decoration: none;
	text-align: center;}

	
.horzaccordion .image_title a {color:#ffffff;}

.horzaccordionimage { 
	width:100%;
	background-size:100% auto;
	background-size: cover;}



@media screen and (max-width: 700px){

	.horzaccordion {
		height:auto !important;}

	.horzaccordion li {
		float: none !important;
		width: 100% !important;}

}