.case_box .single_case {width:33.3%;float:left;transition:all 0.3s;margin-bottom:20px;position:relative;}
.case_content {box-shadow:0 12px 30px rgba(0, 0, 0, 0.15);position:relative;overflow:hidden;margin:0 2%;height:220px;}
.img_b {display:block;max-width:100%;overflow:hidden;max-height:220px;}
.img_b img {margin:auto;top:0;left:0;bottom:0;right:0;position:absolute;transition:all 0.6s;max-width:100%;}
.img_mask {filter:alpha(opacity=60);border:none;margin:0;padding:0;width:100%;height:100%;top:0;left:0;cursor:pointer;position:absolute;display:none;}
.mask_content {background-color:#333333;text-align:center;width:100%;height:100%;color:#FFFFFF;z-index:103;opacity:0.8;}
.mask_content p {position:absolute;z-index:104;}
.img_mask p {position:absolute;top:0;margin:14% auto;width:100%;color:#FFF;animation-duration:0.5s!important;}
.training {position:absolute;bottom:0;background:#fcd846;width:100%;height:50px;text-align:center;color:#333;line-height:50px;font-size:18px;animation-duration:0.5s!important;}
.single_case:hover .img_mask {display:block;}