@charset "utf-8";

body { background:#e5e5e5;}
.photoList { overflow:hidden; zoom:1; padding-top:10px; max-width:323px; margin:0 auto;}
.photoList div.fl { float:left;}
.photoList div.fr { float:right;}
.photoList div{ width:140px; height:150px; overflow:hidden; background:#ffffff; padding:2px; margin-bottom:10px;}
.photoList span { display:block; position:relative; zoom:1;}
.photoList span img { display:block; width:100%; margin-bottom:1px; vertical-align:top;}
.photoList span em { position:absolute; bottom:10px; right:10px; width:16px; height:16px; line-height:16px; background:rgba(0,0,0,0.5); border:1px solid #fff;border-radius: 50%;font-style:normal; text-align:center; color:#ffffff; font-family:Arial; font-size:12px;}
.photoList p { height:36px; padding-top:5px; font-size:15px; line-height:18px; font-weight:bold; overflow:hidden; color:#000000;}
.moreArt { text-align:center;}
.moreArt a { display:inline-block; width:156px; height:35px; line-height:35px; background:#c3c3c3; font-size:14px; text-align:center; color:#ffffff;}
.moreArt a:hover { background:#0072BC; color:#ffffff;}