*{ margin:0px; padding:0px; box-sizing: border-box;}
body 
{
    line-height:1.5;
    font-family:微软雅黑;
    background: #EEE;
}
a{ text-decoration:none;}
ul,li{ list-style:none; }
ul li{ float:left; width:25%; }
ul{ width:1200px; margin:0 auto; margin-top:40px; } 
img
{
    max-width:100%; 
    vertical-align:middle;
}
ul li .img{
    padding: 14px 14px 0 14px;
    text-align: center;
    margin-bottom: 30px;
    border: 1px solid #DDDDDD;
} 
ul li .img img
{
    width:100%;  
}

/*鼠标悬浮图片放大*/
#tip{
	position:absolute;
	color:#333;
	display:none;
}
#tip s{
	position:absolute;
	top:40px;
	left:-20px;
	display:block;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
	border-color:transparent #BBA transparent transparent;
	border-style:dashed solid dashed dashed;
	border-width:10px;
}
#tip s i{
	position:absolute;
	top:-10px;
	left:-8px;
	display:block;
	width:0px;
	height:0px;
	font-size:0px;
	line-height:0px;
	border-color:transparent #fff transparent transparent;
	border-style:dashed solid dashed dashed;
	border-width:10px;
}
#tip .t_box{
	position:relative;
	background-color:#CCC;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	bottom:-3px;
	right:-3px;
}
#tip .t_box div{position:relative;
	background-color:#FFF;
	border:1px solid #ACA899;
	background:#FFF;
	padding:1px;
	top:-3px;
	left:-3px;
}
#tip .t_box div img {
	width:500px;
}
.tip {
	border:1px solid #DDD;
}