/*
 * jQuery Simple Instagram Fancybox
 *
 *
 * Author: Chris Rivers
 * xxcriversxx@gmail.com
 *
 * Changelog: 
 * Version: 2.2
 *
 */

.instagram-fancybox::after {
	content: "";
	clear: both;
	display: table;
}


.instagram-fancybox .instagram-photo {	
	display: inline-block;
	cursor:pointer;
	float:left;
	height:0;
	line-height:0;
	margin:0;
	overflow:hidden;
	padding-bottom:20%;
	position:relative;
	width:20%;
}

.instagram-fancybox .instagram-photo img { 	
	height: 100%;
	left: 50%;
	min-width: 100%;
	max-width: inherit;
	position: absolute;
	top: 50%;
	transform: scale(1.1) translate(-50%, -50%);
	transform-origin: 0 0;
	transition: all 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-webkit-backface-visibility: hidden;
}

.instagram-fancybox .instagram-photo:hover img { 
	-webkit-transform: scale(1.2) translate(-50%, -50%);
	-moz-transform: scale(1.2) translate(-50%, -50%);
	-ms-transform: scale(1.2) translate(-50%, -50%);
	-o-transform: scale(1.2) translate(-50%, -50%);
	transform: scale(1.2) translate(-50%, -50%);
}

.instagram-fancybox .instagram-photo .instagram-hover-cover {
	background: url("fancybox2/fancybox-hover.png") no-repeat scroll 50% 50% #000;
	height:100%;
	position:absolute;
	top:0;
	width:100%;
	z-index:10;
}