.min-width{min-width:450px;} .main{position: relative;} .main .box{padding: 10px 0 0 10px; float: left;} .main .box .pic{padding: 5px; border: 1px solid #CCCCCC;border-radius: 5px; box-shadow: 0 0 5px #ccc;cursor:pointer} .main .box .pic >img{width: 150px; height: auto;} .main .box .pic .cont{width: 150px; height: auto; word-wrap:break-word;} .main .box .pic .z-content{width:auto !important;} /*列表*/ .list-file{overflow:hidden;} .list-file:before,.list-file:after{content:"";display:table;} .list-file:after{clear:both;} /*内容项*/ .list-file .item{ padding: 5px; position:relative; width:33.3%; float:left; overflow:hidden; } .list-file .item>div{ padding: 3px; background-color: #fff; width:100%; height:100%; overflow:hidden; position:relative; border: 1px solid #CCCCCC; border-radius: 5px; box-shadow: 0 0 5px #ccc; cursor:pointer; } .list-file .item>div:hover{ -webkit-box-shadow: #666 0px 0px 10px; -moz-box-shadow: #666 0px 0px 10px; box-shadow: #666 0px 0px 10px; behavior: url(/PIE.htc); } .list-file .item>div>img{width: 100%;} .list-file .z-content{width:auto !important;}