@charset "utf-8";
/* CSS Document */

#thumb-holder{width:100%;margin-top:20px;}
#thumbnail-box{
	display:inline-block;
	width:25%;
	float:left;
	padding:5px;
}
#thumb-content{width:100%;position:relative;}
#thumb-content:before{
    content: "";
    display: block;
    padding-top: 100%;
}
#thumb-content ul{
	margin:0;
	padding:0;
}
#thumb-content img{
	max-width:100% !important;
	position:absolute;
	top:0;
	left:0;
	cursor:pointer;
}
#thumb-content .caption{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.4);
	word-wrap:break-word;
	display:none;
	position:absolute;
	top:0;
	left:0;
	padding:5px;
	color:#fff;
	font-size:12px;
	line-height:15px;
	cursor:pointer;	
}
#thumbnail-box img:after,
#thumb-holder:after { /* clearfix */
    height: 0;
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
}
@media all and (min-width: 560px) {#thumbnail-box{width:20%;}}
@media all and (min-width: 760px) {#thumbnail-box{width:16.6666%;}}
@media only screen and (min-width: 1080px) {#thumbnail-box{width:14.28%;}}