﻿.vf_p_03{height:100%;background:var(--bg_w_2);border:1px solid var(--border_b);}
.vf_p_03{border-radius:var(--border_box);overflow:hidden;padding:5%;}
.vf_p_03:hover{border:1px solid var(--theme);}

.vf_p_03 .image{overflow:hidden}
.vf_p_03 .image img{width:100%;height: auto;}

.vf_p_03 .info{padding:1.5rem 0 0.5rem;text-align:center;}
.vf_p_03 .info:empty{display:none}
.vf_p_03 .info_title{font-size:16px;margin-bottom:10px}
.vf_p_03 .info_title{height:auto;-webkit-line-clamp:2;line-height:20px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}
.vf_p_03 .info_title:only-child{margin-bottom:0}
.vf_p_03 .info_text{margin-bottom:0}
.vf_p_03 .info_text{height:auto;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical}

.vf_p_03 figure:nth-of-type(2) {opacity:0;top:0;position:absolute;top:0;z-index:3;width:100%}
.vf_p_03:hover figure:first-of-type{opacity:1}
.vf_p_03:hover figure:nth-of-type(2){opacity:1}
.vf_p_03 picture:nth-of-type(2) {opacity:0;top:0;position:absolute;top:0;z-index:3;width:100%}
.vf_p_03:hover picture:first-of-type{opacity:1}
.vf_p_03:hover picture:nth-of-type(2){opacity:1}


.vf_p_03 picture:nth-of-type(2) {opacity:0;top:0;position:absolute;top:0;z-index:3;width:100%}
.vf_p_03:hover picture:nth-of-type(2){opacity:1}