@charset "utf-8";


/* 本案例使用css样式 */
.left{ float:left;}
.right{ float:right;}
.device{ width:490px; height:auto; padding-top:110px;}
.device .scroll{ width:490px; height:345px; overflow:hidden; position:relative;}
.device .scroll ul{ position:absolute; left:0; top:0; height:386px; overflow:hidden;}
.device .page1{ width:105px; height:18px; font-size: 12px; color: #333333; right:0; top:0; text-align: right; position:absolute;}
.device ul{ overflow:hidden;}
.device ul li{ width: 250px; height: 168px; margin-bottom:9px; overflow:hidden; position:relative; float:left;}
.device ul li img{width: 239px; height: 168px; float: left;}
.device ul li a{ display:block; color:#000; font-weight:bold; line-height:30px;}

.device ul li .txt {display:none;cursor:hand;text-align:center;}
.device ul li a:hover .txt{width: 280px; height: 188px; background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=56);-moz-opacity:0.6;opacity:0.6;}
.device ul li span{ width: 130px; height: 30px; line-height: 30px; font-weight: normal; font-size: 14px; font-family: "微软雅黑";border:1px #fff solid; border-radius: 5px; position: absolute; left: 55px; top: 78px; }