
	
.zoomable-image {
	overflow: hidden;  
    height:auto !important;
    margin: auto !important;
    text-align:center !important;
    position:relative !important;
}
.zoomable-image img {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.zoomable-image:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.caption-show-hover
{
	display: none;
	opacity:0.7;
	color: white;
	background-color: black;

    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(0, 0, 0);
    /* RGBa with 0.6 opacity */
    background: rgba(0, 0, 0, 0.6);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}

.hovered
{
	display: block;
	position: absolute !important;
	margin: auto !important;
	top:60% !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	color: white; 
	height:40%;	
}

.zoomable-image:hover .caption-show-hover
{
	display: block;
	position: absolute !important;
	margin: auto !important;
	top:60% !important;
	left:0 !important;
	right:0 !important;
	bottom:0 !important;
	color: white; 
	height:40%;
}
.active
{
	background-color: #696969;
}

.blur-up {
	-webkit-filter: blur(5px);
	filter: blur(5px);
	transition: filter 400ms, -webkit-filter 400ms;
}

.blur-up.lazyloaded {
	-webkit-filter: blur(0);
	filter: blur(0);
}
