@charset "utf-8";
/* 初始化标签在所有浏览器中的margin、padding值 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,fieldset,legend,textarea,p,blockquote,th,td{padding: 0; margin: 0;}
/* CSS Document */
body{ background:#fff;}

#container{ width:626px; margin: 0 auto;}
#container li{ position:relative;width: 200px;height: 130px; text-align: center; margin:10px 10px 10px 0; float: left; overflow: hidden;}
#container li p{ height:100%; width: 100%; 
       position: absolute; 
	   left: 0; top: -100%; 
	   color: #ffffff;
        z-index: 2; 
		
		display: table;
		_position: relative;}
#container li .img{ width: 200px; height: 130px; display: block;
        -moz-transition:.5s ease-in;
        -webkit-transition:.5s ease-in;
        -o-transition:.5s ease-in;
        -ms-transition:.5s ease-in;
        transition:.5s ease-in;}
#container li:hover .img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
#container li p i{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #000000; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80);   }
#container li p span{ display: block; line-height: 24px; font-size: 12px; padding:20px; color:#fff; box-sizing:border-box;text-align:center;display: table-cell; 
		vertical-align: middle;_position:absolute;
		_top:50%;
		_left:50%;
}

#container li p span a{ color:#fff;  }
#container li p span a:hover{ color:#fff; position:unset; text-decoration:none;  }