.thumb {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	overflow:hidden;
	border:1px solid #E3E3E3;
	
	background-color:#FFFFFF;
	position:relative;
	}


.med_photo{
	display:none;
	position:absolute;
	-webkit-animation: fade_anim 1s;
	border: 1px solid #999999;
	padding: 1px;
	background-color: #FFFFFF;
	margin: 0 auto;
	right:-1px;
}



.empty{
-webkit-animation: fade_anim 1s;
}



.caption {
	font-family: Geneva, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 1em;
	line-height: 18px;
	text-decoration: none;
	background-color: rgba(255,255,255,0.5);
	text-align: center;
	word-wrap: break-word;
	padding: 10px;
	backdrop-filter:blur(4px);
	}

.large_photo {
	display:none;
	-webkit-animation: fade_anim 0.7s;
	border: 1px solid #999999;
	z-index:92;
}

.med_ov:hover .fade_out{
	display:none;
	}

	
.med_ov:hover .large_photo{
	display: block;
	position: relative;
	z-index:70;
	-webkit-animation: fade_anim 0.75s;
}

.photo{
-webkit-animation: fade_anim 0.9s;
}

.anim_photo {
	-webkit-animation: fade_out 0.5s;
}

.anim_fade_out{
	-webkit-animation: fade_out 1.25s;
}

.anim_fade_in{
	-webkit-animation: fade_anim 0.9s;
}

@-webkit-keyframes fade_out
{
	0% {opacity:1.0;}
	100%{opacity:0.1;}
	}
	
@-webkit-keyframes fade_anim
{
	0% {opacity:0.1;}
	100%{opacity:1.0;}
	}
	
.photo_frame {
	color: #333333;
	position:relative;
	width:auto;
	margin:0 auto;
	border:1px solid #D1D1D1;
	padding:5px;
	max-width:980px;
	margin-top:24px;
	text-align:center;
}

.photo_frame img{
	max-width:100%;
}

@media screen and (max-width:400px) {
	
	.thumb{
		width:80px !important; 
		height:60px !important; 
		margin-right:8px !important;
	}
}