@charset "utf-8";
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

.fancybox-thumb {
	margin-bottom: 20px;
	position:relative;
	color:#fff;
}

.fancybox-thumb img {
	margin-left: auto;
	margin-right: auto;
}
.thumb-overlay {
	position:absolute;	
	background-color:rgba(0,0,0,0.5);
	top:0;
	bottom:0;
	left:15px;
	right:15px;
	text-align:center;
	padding-top:30%;
	color:#fff;
	opacity:0;
	transition:all ease-in-out 0.3s;
}

.fancybox-thumb:hover > .thumb-overlay {
	color:#fff;
	opacity:1;
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}

/* Large devices (xlarge desktops, 1200px and up) */
@media (min-width: 1600px) {
	
}