@charset "utf-8";
#tb{
	margin:auto;
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
}
.tb_item{
	display:block;
	width:33.3%;
	height:auto;
	overflow:hidden;
	margin:auto;
	padding:0px;
	float:left;
	transition:all 0.4s;
}
.tb_tb{
	display:block;
	overflow:hidden;
	margin:10px;
	width:auto;
	height:360px;
	
}
.tb_tb:hover{
	
}
a.tb_pic{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:300px;
	background-position:center;
	background-repeat:no-repeat;
	transition:all 0.4s;
	background-size:100% auto;
	position:relative;
	border:1px solid #ddd;
}
a.tb_name{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	text-align:center;
	padding:10px;
}
@media (min-width:767px) and (max-width:1000px)
{
	.tb_item{width:33.3%;transition:all 0.4s;}
	a.tb_pic{
		height:200px;
	}
	.tb_tb{height:300px;}
}
@media (max-width:767px)
{
	.tb_item{width:33.3%;transition:all 0.4s;}
	a.tb_pic{height:180px;}
	.tb_tb{height:auto;}
}
@media (max-width:480px)
{

	.tb_item{
		width:50%;
	}
	.tb_tb{
		display:block;
		overflow:hidden;
		margin:5px;
		width:auto;
		height:220px;
	}
	a.tb_pic{
		width:auto;
	    height:150px;
	}
}
@media (max-width:280px)
{
	.tb_item{
		width:100%;
	}
}