.img-box{
	border:5px solid #fff;
	position:relative;
	background:#666;
	margin:0 10px;
}
.img-box img{
	display:block;
	width:100%;
	height:auto;
}
.img-box .mask{
	box-shadow:inset 0 0 38px rgba(0, 0, 0, 0.15);
	-moz-box-shadow:inset 0 0 38px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:inset 0 0 38px rgba(0, 0, 0, 0.15);
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}
.img-box a{
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	top:0;
	left:0;
	font:24px/121px Arial, sans-serif;
	text-transform:uppercase;
	text-shadow:0 1px 1px #333;
	text-decoration:none;
	overflow:hidden;
	cursor:pointer;
	background:#000;
	background:rgba(0,0,0,0.3);
	box-shadow:inset 0 0 40px #666;
	-moz-box-shadow:inset 0 0 40px #666;
	-webkit-box-shadow:inset 0 0 40px #666;
	display:none;
	z-index:1;
}
.img-box:hover a{display:block;}
.img-box:before,
.img-box:after{
	position:absolute;
	z-index:-1;
	content:"";
}

/******** TYPE8 ********/
.img-box.type-8:before,
.img-box.type-8:after{
	bottom:9px;
	left:0;
	width:50%;
	top:80%;
	max-width:300px;
	-webkit-box-shadow:0 15px 7px rgba(0,0,0, 0.5);
	-moz-box-shadow:0 15px 7px rgba(0, 0, 0, 0.5);
	box-shadow:0 15px 7px rgba(0, 0, 0, 0.5);
	-webkit-transform:rotate(-5deg);
	-moz-transform:rotate(-5deg);
	-o-transform:rotate(-5deg);
	-ms-transform:rotate(-5deg);
	transform:rotate(-5deg);
}
.img-box.type-8:after{
	-webkit-transform:rotate(5deg);
	-moz-transform:rotate(5deg);
	-o-transform:rotate(5deg);
	-ms-transform:rotate(5deg);
	transform:rotate(5deg);
	right:0;
	left:auto;
}

/* main styles end */
@media only screen and (max-width:768px) {
	.box-list.four-column li{width:50%;}
}
@media only screen and (max-width:600px) {
	.box-list.three-column li{
		float:none;
		width:100%;
	}
}
@media only screen and (max-width:480px) {
	.box-list.two-column li,
	.box-list.four-column li{
		float:none;
		width:100%;
	}
}