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

.cats_content{
	
}

.cats_content .cats.left{
	float:left;
	width:35%;
}

.cats_content .cats.right{
	float:right;
	width:63%;
}

.cats_content .cats .cat_item{
	position: relative;
	display: block;
	overflow: hidden;
}

.cats_content .cats .cat_item img{
	width:100%;
	height: auto;
	transition: all ease-in-out 0.3s;
}

.cats_content .cats .cat_item:hover img{
	transform: scale(1.05);
}

.cats_content .cats .cat_item .title{
	position: absolute;
	bottom:0px;
	left:0px;
	background-color: rgba(0,0,0,0.4);
	font-size:30px;
	color:#fff;
	padding:25px 25px;
	width:100%;
	font-weight:600;
	line-height: 34px;
}

.cats_content .cats.right .cat_item:nth-child(1),
.cats_content .cats.right .cat_item:nth-child(2),
.cats_content .cats.right .cat_item:nth-child(3),
.cats_content .cats.right .cat_item:nth-child(4),
.cats_content .cats.right .cat_item:nth-child(5){
	width:48%;
	float:left;
	margin-bottom:16px;
}

.cats_content .cats.right .cat_item:nth-child(2),
.cats_content .cats.right .cat_item:nth-child(5){
	float:right;
}