body {
	background: rgba(255, 255, 255, 1);
}
li{
	float: left;
	width: 143px;
	height: 143px;
	margin: 7px;
	float: left;

	overflow: hidden;
	position: relative;
	text-align: center;
	-webkit-box-shadow: 1px 1px 2px #e6e6e6;
	-moz-box-shadow: 1px 1px 2px #e6e6e6;
	box-shadow: 1px 1px 2px #e6e6e6;
	cursor: default;
	background: #fff url(../images/bgimg.jpg) no-repeat center center;
	list-style-type: none;
}
.view {

}
.big{
	width: 300px;
	height: 300px;
}
.big .mask,.big .content {
   width: 300px;
   height: 300px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.mask,.content{
   width: 143px;
   height: 143px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.cs{
	background-color: rgba(25, 142, 202, 1);
	width: 143px;
	height: 143px;
	overflow: hidden;
	top: 0;
	left: 0;
	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	   filter: alpha(opacity=100);
	   opacity: 1;
}
.cs h2{
	opacity: 1;
	position: relative;
	font-size: 17px;
	padding: 10px 0;
	margin: 30% 10px 0 10px;
	line-height: 24px;
}
img {
   display: block;
   position: relative;
}
h2{
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px 0;
   margin: 20px 0 0 0;
}
p {
   font-family: 微软雅黑;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 0 10px 10px;
   text-align: left;
   line-height: 14px;
}

a {
	text-decoration: none;
}

a : hover {
    text-decoration: underline;
}