.flex-images { 
overflow: hidden; 
position: relative;
 }
.flex-images .item { 
float: left; 
margin-left: 0px;
margin-top: 0px;
margin-right: 15px;
margin-bottom: 15px;
box-sizing: content-box; 
overflow: hidden; 
position: relative;
border: 0px solid #ccc;
box-shadow: 0 0 5px 0 rgba(92, 88, 92, 1);
padding: 0px;

  }
.flex-images .item img { 
display: block; 
width: auto; 
height: 100%; 
max-width: none;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease; 
}
.flex-images .item img:hover { 
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-filter: brightness(1.1) contrast(1.3);
	filter: brightness(1.1) contrast(1.3);
}
.flex-images .item .caption { 
position: absolute; 
bottom: 0px; 
left: 0px; 
right: 0px;
padding: 4px; 
font-size: 0.9em; 
text-align: left;
color: #fff; 
background: #222; 
background: rgba(0,0,0,.7);
 }
.flex-images .item .caption { 
	left: 0; bottom: -30%;
	position: absolute; 
	background: black; 
	background: rgba(0,0,0,0.75); 
	color: white; 
	padding: 10px 10px; 
	opacity: 0; 
	-webkit-transition: all 0.6s ease; 
	-moz-transition: all 0.6s ease; 
	-o-transition: all 0.6s ease;
}
.flex-images .item:hover .caption { 
	bottom: 0;
	 opacity: 1;
}