@charset "utf-8";

.cases_list { width:100%; height:auto; display:table; }
.cases_list ul li { width:370px; height:auto; display:table; margin-right:45px; float:left; padding-bottom:30px; }
.cases_list ul li:nth-child(3n) { margin-right:0px; }
.cases_list ul li.pic_box { width:370px; height:300px; display:block; overflow:hidden; position:relative; }
.cases_list ul li.pic_box a { width:370px; height:210px; display:block; background:#000; overflow:hidden; border-radius:6px; margin-bottom:10px; }
.cases_list ul li.pic_box img { opacity:1; transition:0.2s all; }
.cases_list ul li.pic_box i.coolc {
    width:50px; height:50px; line-height:50px; font-size:50px;
    display:block; text-align:center; position:absolute; color:#fff; left:50%; top:-50px; margin:-70px 0 0 -25px; transition:0.2s all;
    z-index:999;
    border-radius:100%;
    cursor:pointer;
}
.cases_list ul li.pic_box:hover img { opacity:0.3; }
.cases_list ul li.pic_box:hover i.coolc { top:50%; opacity:1; }
.cases_list ul li p.name { width:100%; height:26px; display:block; text-align:center; font-size:14px; color:#666; }
.cases_list ul li p.desc { width:100%; height:26px; display:block; text-align:center; font-size:14px; color:#999; }
.cases_list ul li p.desc i { margin-right:15px; background:#eee; }