@charset "gb2312";
/* CSS Document */

#gallery1 {
   /* border: 5px solid #feeeed;*/
    height: 315px;
    width: 438px;
    margin-left: auto;
    margin-right: auto;
    overflow: visible;
    background: #00ae9d;
    
    -webkit-box-shadow: #272229 10px 10px 20px;
    
    -moz-box-shadow: #272229 10px 10px 20px;
    
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=10);     
    
    box-shadow: #272229 10px 10px 20px;
}

#gallery1 ul li .pic1{
    
	width:500px; 
    height:100px;

    -webkit-transition: all 0.6s ease-in-out;
    
    -moz-transition: all 0.6s ease-in-out;
    
    -o-transition: all 0.6s ease-in-out;
    
    opacity:0;
    visibility:hidden; 
    position:absolute; 
    margin-top:0px; 
    margin-left:-200px; 
    border:1px solid black;
    
    -webkit-box-shadow:#272229 2px 2px 10px;
    
    -moz-box-shadow:#272229 2px 2px 10px;
    
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=5);
    
}

#gallery1 ul li .mini:hover{
    cursor:pointer;
}

#gallery1 ul li:hover .pic1 {
    
    width:600px; 
    height:500px;
    opacity:1; 
    visibility:visible; 
    float:right;
}


#gallery1 ul{
    
 margin-left:0px; 
 margin-top:0px; 
    }
#gallery1 ul li {
    
    list-style:none; display:inline-table; padding:0px;
    }