.picPageList{overflow:hidden;text-align:center;margin-right:-80px;padding:30px 0;}.picPageList li{position:relative;*display:inline;float:left;overflow:hidden;margin:0 26px 24px 0;background:#fff;width:370px;}.picPageList .pic{}.picPageList .pic img{width:100%;display:block;height:auto;background:#f5f5f5;}.picPageList .title,.picPageList .titleBg{position:absolute;z-index:3;bottom:0;left:0;display:block;overflow:hidden;width:100%;height:24px;margin:0;padding:10px 0;line-height:24px;-webkit-transition:400ms;-moz-transition:400ms;-o-transition:400ms;transition:400ms;color:#fff;}.picPageList .titleBg{z-index:2;opacity:.5;background:#000;filter:alpha(opacity=50);}.picPageList .title a{display:block;padding:0 10px;font-size:16px;color:#fff;height:24px;overflow:hidden;}.picPageList li:hover{border-color:#bbb;-webkit-box-shadow:#eee 2px 2px 0;-moz-box-shadow:#eee 2px 2px 0;box-shadow:#eee 2px 2px 0;}.picPageList li:hover .title,.picPageList li:hover .titleBg{height:48px;}.picPageList li:hover .title a{height:48px;}