.doc-container,.doc-floor span{overflow:hidden;position:relative}.bg{width:100%;height:100%;background:url(http://p1.qhimg.com/t0174066b05ea36c888.png) top center no-repeat #f4f7ef}.doc-player{width:100%;margin:0 auto;overflow:hidden}.player{width:748px;height:418px;margin:238px auto 0;background:#000}.doc-container{width:100%}.doc-floor{width:1200px;margin:0 auto}.doc-floor ul.list{width:1016px;margin:0 auto}.doc-floor ul.list li{width:240px;height:270px;margin:0 7px 20px;float:left}.doc-floor ul.list a{display:block;width:100%;height:100%;background:#fff}.doc-floor ul.list span{display:block;cursor:pointer}.doc-floor ul.list .pic_la:after{display:block;content:'';width:100%;height:100%;position:absolute;top:0;left:0;filter:alpha(opacity=0);opacity:0;background-color:rgba(0,0,0,1);transition:.15s ease-out}.doc-floor ul.list .pic_la img{display:block;transition:all .3s;cursor:pointer}.doc-floor ul.list .name_la{font-size:16px;line-height:26px;color:#333;padding:13px 18px}.doc-floor ul.list a:hover .name_la{color:#098100}.doc-floor ul.list a:hover .pic_la:after{filter:alpha(opacity=30);opacity:.3}