@charset "utf-8";

.waterfall-wrap {
	margin-bottom:30px;
}

.waterfall-wrap ul {
	margin:0 -15px;
}

.waterfall-wrap ul::after {
	content:'';
	display:block;
	clear:both;
}

.waterfall-wrap ul li {
	position:relative;
	float:left;
	width:380px;
	margin:0 15px 40px;
}

.waterfall-wrap ul li:nth-child(3n*1) {
	clear:both;
}

.waterfall-wrap ul li .subject {
	margin-top:10px;
	font-family:'Roboto', sans-serif;
	font-size: 16px;
	text-align:center;
}

.waterfall-wrap ul li .subject .modify {
	vertical-align:2px;
}

.waterfall-wrap ul li>div {
	display:block;
	position:relative;
	cursor:zoom-in;
}

.waterfall-wrap ul li>div img {
	width:380px;
	height:250px;
}

.waterfall-wrap ul li>div .over {
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-top:110px;
	padding-left:20px;
	padding-right:20px;
	background-color:rgba(0, 0, 0, 0.8);
	background-image:url(/img/common/product_logo.png);
	background-repeat:no-repeat;
	background-position:center 60px;
	text-align:center;
	color:#fff;
	font-size: 14px;
	transition:all 0.4s ease;
}

.waterfall-wrap ul li>div .over .subject {
	display:block;
}

.waterfall-wrap ul li>div:hover .over {
	opacity:1;
}

.tab-menu ul li:first-child {
	display:none;
}