.art_012{width:100%;height:100%;    text-align: center;border-radius:var(--border_box);overflow:hidden;transform:rotate(0);-webkit-transform:rotate(0)}
.art_012 .image{height:100%;overflow:hidden}
.art_012 .image picture{height: 100%;}
.art_012 .image img{-webkit-transform:scale(1);transform:scale(1);width:100%;height:100%}
.art_012 .image img:nth-of-type(2){opacity:0;top:0;left:0; position:absolute;z-index:3;width:100%}
.art_012 .img_info{padding:15px 0;z-index: 11;}
.art_012 .img_info_content{width: 100%; padding:15px;color:var(--text_w_2);background-color: var(--transparent_b);-webkit-transition: 0.2s;transition: 0.2s;}
.art_012 .img_info_content .img_info_title{display: inline-block;display: -moz-inline-box;display:-webkit-inline-box; letter-spacing:-.25px;position:relative;overflow:hidden}
.art_012 .img_info_content .img_info_title:only-child{margin:0}

.art_012:hover{box-shadow:var(--shadow_hover)}
.art_012:hover .img_info_content{background-color:var(--bg_b_1)}
.art_012:hover .image img:nth-of-type(2){opacity:1}
.art_012:hover .image img:only-of-type{opacity:1}

.art_012 .img_info_content{color:var(--text_w_2);line-height: 1.2;}
.art_012 .img_info_content .img_info_title a{color:var(--text_w_1)}
.art_012 .img_info_content .img_info_title{color:var(--text_w_1)}
.art_012 .info .info_content{padding:20px}

.art_012 .info_title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden; }
.art_012 .info_text{text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow: hidden }


@media (min-width:1600px){
    .art_012 .img_info_content .img_info_title{font-size:24px;line-height: 1.1;}
}
@media (min-width:1280px) and (max-width: 1599.98px){
    .art_012 .img_info_content .img_info_title{font-size:22px;line-height: 1.1;}
}
@media (min-width: 1024px) and (max-width: 1279.98px){
    .art_012 .img_info_content .img_info_title{font-size:22px;line-height: 1.1;}
}
@media (min-width: 992px) and (max-width: 1023.98px){
    .art_012 .img_info_content .img_info_title{font-size:21px;line-height: 1.1;}
}
@media (min-width: 768px) and (max-width: 991.98px){
    .art_012 .img_info_content .img_info_title{font-size:20px;line-height: 1.1;}
}
@media (min-width: 576px) and (max-width: 767.98px){
    .art_012 .img_info_content .img_info_title{font-size:19px;line-height: 1.1;}
}
@media (max-width: 575.98px){
    .art_012 .img_info_content .img_info_title{font-size:18px;line-height: 1.1;}
}