@charset "utf-8";
/* CSS Document */

#container{ width:1220px; margin: 0 auto;}
#container li{ position:relative;width: 389px;height: 260px; 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: 389px; height: 260px; 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: 24px;font-weight:bold; padding:20px; color:#CDA38A; box-sizing:border-box;text-align:center;display: table-cell; 
		vertical-align: middle;_position:absolute;
		_top:50%;
		_left:50%;
}