@charset "utf-8";
	body {
	font-family:Helvetica,Arial,Verdana;
	background:#efefef url(../img/ticks.png) repeat 0 0;
	margin:15px 0 0;
	font-size:12px
}
.container {
	position:relative;
	width:960px;
	margin:0 auto;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease
}
#filters {
	margin:1%;
	padding:0;
	list-style:none
}
#filters li {
	float:left
}
#filters li span {
	display:block;
	padding:5px 20px;
	text-decoration:none;
	color:#666;
	cursor:pointer
}
#filters li span.active {
	background:#e95a44;
	color:#fff
}
#portfoliolist .portfolio {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	width:23%;
	*width:22%;
	margin:1%;
	display:none;
	float:left;
	overflow:hidden
}
.portfolio-wrapper {
	overflow:hidden;
	position:relative!important;
	background:#666;
	cursor:pointer
}
.portfolio img {
	max-width:100%;
	position:relative
}
.portfolio .label {
	position:absolute;
	width:100%;
	/*考虑到SEO,放入更多的品牌描述语句，将文字框变大，标题显示出来。-125值与主PHP文件内js定义内容一致*/
	height:150px;
	bottom:-129px;
	*height:40px;
	*bottom:-40px;
	left:0
}
.portfolio .label-bg {
	background:#e95a44;
	/*将上述16进制背景色转换成RGB值，设置背景透明度0.4*/
	background-color: rgba(233,90,68, 0.8);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0
}
.portfolio .label-text {
	color:#fff;
	position:relative;
	z-index:500;
	padding:5px 8px
}
.portfolio .text-category {
	/*字体颜色变为白色*/
	color:#fff;
	display:block;
	font-size:9px
}
@media only screen and (min-width:768px) and (max-width:959px) {
	.container {
	width:768px
}
}@media only screen and (max-width:767px) {
	.container {
	width:95%
}
#portfoliolist .portfolio {
	width:48%;
	margin:1%
}
}@media only screen and (min-width:480px) and (max-width:767px) {
	.container {
	width:70%
}
}.container:after {
	content:"\0020";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.clearfix:before,.clearfix:after,.row:before,.row:after {
	content:'\0020';
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.row:after,.clearfix:after {
	clear:both
}
.row,.clearfix {
	zoom:1
}