.list{width:1228px;}
.list li{float:left;margin-right:27px;margin-bottom:30px;width:280px;}
.list li:first-child{margin-right:26px;}
.list a{display:block;background:#eee;transition:background .5s ease;}
.list a em{display:block;with:100%;height:380px;overflow:hidden;}
.list a img{width:100%;height:100%;transform:scale(1,1);transition:transform .5s ease;}
.list a p{margin:0 15px;height:40px;line-height:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list a:hover{background:#e00;color:#fff;}
.list a:hover img{transform:scale(1.1,1.1);}

div#lfbook{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;}
div#lfbook div#bookshow{position:absolute;top:0;right:0;bottom:36px;left:0;overflow:hidden;}
div#lfbook table#book{width:100%;}
div#lfbook table#book td{margin:0;padding:0;border:0;text-align:center;vertical-align:middle;overflow:hidden;background:url(../images/loading.gif) center center no-repeat;}
div#lfbook table#book img{max-width:100%;max-height:100%}
div#lfbook div#bookbar{position:absolute;right:0;bottom:0;left:0;height:36px;background-color:#222;color:#fff;}
div#lfbook div#panel{position:absolute;left:50%;margin-left:-130px;line-height:36px;}
div#lfbook div#panel div#bookpage{float:left;margin-right:15px;}
div#lfbook div#panel a{display:inline-block;margin-right:5px;padding:0 6px;font-family:"\5B8B\4F53";font-size:14px;}
div#lfbook div#bookbg{position:absolute;top:6px;left:50%;margin-left:-400px;}
div#lfbook div#bookbg a{display:inline-block;margin-right:5px;width:12px;height:12px;overflow:hidden;}