@charset "utf-8";
/* CSS Document - products*/
#content {
	width:740px;
	margin:0 auto;
	position: relative;
	line-height: 26px;
	list-style:none;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:#D9D9D9 3px double;
}
#content li{
	width:224px;
	padding:7px;
	list-style:none;
	display:block;
	margin:0 10px 12px 0;
	float:left;
	border:#D9D9D9 1px solid;
}
#content li:nth-child(3n+3){
	float:right;
	margin-right:0px;
}
#content li:hover .name{
	color:#2B7EB0;
}
#content li span{
	display:block;
	width:204px;
	height:153px;
	position:absolute;
	top:0px;
	left:0px;
	background:url(../data/news/top.png) center no-repeat;
	filter:alpha(Opacity=0);
	-moz-opacity:0;
	opacity: 0;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}
#content li:hover span{
	filter:alpha(Opacity=1000);
	-moz-opacity:1;
	opacity: 1;
}
#content li .photo{
	width:224px;
	height:126px;
	text-align:center;
	margin-bottom:10px;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	position:relative;
}
#content li .photo img{
	max-width:224px;
	max-height:126px;
	vertical-align:middle;
}
#content li .name{
	height:25px;
	color:#666666;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	line-height:25px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background:#E8E8E8;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
}