@charset "utf-8";
*{ margin:0; padding:0; list-style:none;}
img{ border:0;}
a{ color:#2e2e2e; text-decoration:none;}
a:hover{ text-decoration:underline; color:#000;}
body{ font-size:12px; }


/* 本案例使用css样式 */


.device{ width:100%; margin:0 auto; overflow:hidden; background:#fff; padding:10px;}
.device .scroll{ width:100%;}
.device .scroll ul{width:100%; }
.device ul li{ width:23%; margin-left:1%; margin-right:1%; margin-bottom:30px; float:left; position:relative;}
.device ul li img{ width:100%;z-index:10; background:url(http://www.lanrenzhijia.com/demo/images/loading.gif) no-repeat center center;}
.device ul li:hover img{opacity: 0.6;filter: alpha(opacity=60);}
.device ul li a.link{ display:block; width:100%; height:45px; line-height:45px; text-align:center; color:#fff; font-size:14px;  position:absolute; left:0; bottom:3px; background:#000;opacity: 0.7;filter: alpha(opacity=50); z-index:20;}