.popup{
	display:inline-block;
	width:230px;
	height:150px;
	overflow:hidden;
	margin:3px;
	padding:0px;	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border:solid 5px #fff;
	box-shadow:0px 1px 1px #333;
	position:relative;
	}
	
pp_title{
	display:block;
	z-index:99;
	position:absolute;
	bottom:0;
	left:0px;
	right:0px;
	background: rgba(0, 0, 0, 0.9);
	padding:8px;
	color:#fff;
	font-size:12px;
	text-align:center;
	}	
		
.popup:hover{
	opacity:0.7;
	}

.popup img{	
	object-fit:cover;
	width:100%;
	height:100%;	
	}
	
@media only screen and (max-width: 400px) {
	.popup{	
	border:solid 2px #fff;	
	}
}	



@font-face {
  font-family: 'easy-image-gallery';
  src: url('easy-image-gallery.eot');
  src: url('easy-image-gallery.eot-#iefix') format('embedded-opentype'), url('easy-image-gallery.woff') format('woff'), url('easy-image-gallery.ttf') format('truetype'), url('easy-image-gallery.svg#easy-image-gallery') format('svg');
  font-weight: normal;
  font-style: normal;
}

.image-gallery {
  margin: 0;
  padding: 0;
}
.image-gallery li {
  display: inline-block;
  padding: 0 20px 20px 0;
  margin: 0;
}
.image-gallery a {
  position: relative;
  display: block;
}
.image-gallery a img {
  display: block;
}
.image-gallery ul {
  margin-bottom: 0;
}