.works-item{width:395px;height:120px;padding:4px;border:1px solid #e5e5e5;background-color:#fff;}
.works-imgbox,.works-item a{display:block;width:395px;height:120px;overflow:hidden;cursor:pointer}
.works-imgbox img{vertical-align:middle;max-width:395px;max-height:120px}
.works-name-filter{
	left:0;
	bottom:0;
	height:20px;
	width:395px;
	background-color:#000;
	z-index:2;
	filter:alpha(opacity=50);
	opacity:.5;
	font-size: 16px;
}
.works-name{left:0;bottom:0;height:20px;width:180px;color:#fff;z-index:3;text-align:center}
.works-item-hover{border-color:#99c3f7;background-color:#f5f8fa;box-shadow:1px 1px 1px #b3e8fe}








.works-itembot{width:168px;height:100px;padding:4px;border:1px solid #e5e5e5;background-color:#fff;}
.works-imgboxbot,.works-itembot a{display:block;width:168px;height:100px;overflow:hidden;cursor:pointer}
.works-imgboxbot img{vertical-align:middle;max-width:168px;max-height:100px}
.works-name-filterbot{
	left:0;
	bottom:0;
	height:20px;
	width:168px;
	background-color:#000;
	z-index:2;
	filter:alpha(opacity=50);
	opacity:.5;
	font-size: 16px;
}
.works-namebot{left:0;bottom:0;height:20px;width:168px;color:#fff;z-index:3;text-align:center}
.works-item-hoverbot{border-color:#99c3f7;background-color:#f5f8fa;box-shadow:1px 1px 1px #b3e8fe}