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


#container{ width:1200px; margin: 0 auto;}
#container li{ position:relative;width: 390px;height: 390px; text-align: center; margin:10px 10px 10px 0; float: left;overflow: hidden;}
#container li:first-child{ 
        width:390px; 
        height:770px; 
        margin:10px 10px 0 0;
}
#container li:first-child img{ 
        width:100% !important; 
        height:770px !important;
}
#container li:first-child+li+li+li{
        width:795px; 
        height:370px; 
        margin:0 0 0 0;
}
#container li:first-child+li+li+li img{
        width:795px!important; 
        height:370px!important; 
}
#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: 390px; height: 390px; 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.5; -moz-opacity:0.5; filter:alpha(opacity=50); }
#container li p span{ display: block; line-height: 24px; font-size: 14px; padding:20px; color:white;
box-sizing:border-box;text-align:center;display: table-cell;
vertical-align: middle;_position:absolute;
_top:50%;
_left:50%;
}