#photo{ width:1020px; margin:43px auto 66px; overflow:hidden; position:relative;}
#photo ul li{ display:block; float:left; width:310px; height:188px; box-shadow:0 2px 5px #666; margin:15px;}
#photo ul li a{display:block; width:310px; height:188px; position:relative; overflow:hidden;}
#photo ul li a img{display:block; width:310px; height:188px;}
#photo ul li a .title{ position:absolute; left:0px; bottom:0px; text-align:center; line-height:18px; padding:7px 0; width:100%; color:#fff; font-size:14px; background:url(../images/index_09.png);}
#photo ul li a:hover .title{ background:url(../images/index_06.png);}