@charset "utf-8";

.recent_works {position:relative;width:100%;max-width:1440px;margin:0 auto;}

.swiper_works .item_box {display:block;position:relative;background:rgba(0,0,0,0.2);}
.swiper_works .thumb {display:block;position:relative;margin:0 0 20px 0;overflow:hidden;}
.swiper_works .thumb:before {content:"";position:absolute;bottom:0px;left:50%;width:0;height:0;margin:0 0 0 -10px;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #111 transparent;z-index:2}
.swiper_works .thumb img {width:100%;height:auto;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}

.swiper_works .thumb a {display:block;position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,0.6);opacity:0;
-webkit-transition: all .3s ease-out;
-moz-transition: all .3s ease-out;
-o-transition: all .3s ease-out;
transition: all .3s ease-out;
}
.swiper_works .thumb a span {display:block;position:absolute;left:0;top:50%;right:0;color:#fff;text-align:center;
-webkit-transform:translate(0,-50%);
-moz-transform:translate(0,-50%);
-ms-transform:translate(0,-50%);
-o-transform:translate(0,-50%);
transform:translate(0,-50%);
}
.swiper_works .thumb a span i {font-size:16px;}

.swiper_works a.bo_tit {display:block;margin:0 0 12px 0;color:#fff;font-size:16px;font-weight:400;text-align:center;overflow:hidden;vertical-align:middle;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.swiper_works a.bo_tit .bo_cate_link {display:block;margin:0 0 8px 0;color:var(--color2);font-family:var(--font3);font-size:13px;text-align:center;font-weight:700;}
.swiper_works a.bo_link {display:block;height:25px;color:#bbb;font-size:13px;text-align:center;font-weight:300;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}
.swiper_works .parti {display:block;min-height:40px;color:var(--color);font-size:13px;text-align:center;font-weight:300;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis; 
-o-text-overflow:ellipsis;
-moz-binding: url('ellipsis.xml#ellipsis');
}


.swiper_works .item_box:hover .thumb img{
-webkit-transform:scale(1.1,1.1);
-moz-transform:scale(1.1,1.1);
-ms-transform:scale(1.1,1.1);
-o-transform:scale(1.1,1.1);
transform:scale(1.1,1.1);
}
.swiper_works .item_box:hover .thumb a {opacity:1;}