@charset "utf-8";
.webzin .gall_row{  border-top: 2px solid #2c0000;}
#bo_gall .gall_li{position:relative; width:100%;}
#bo_gall .gall_li:hover,#bo_gall .gall_li:hover .ellipsis::before,#bo_gall .gall_li:hover .ellipsis::after{background-color:#f8f0e0}
.webzin .gall_con{display:table;width: 100%;font-size:0;border-bottom: 1px solid #f0eae7;}
.webzin .gall_con>div{display:table-cell; vertical-align:middle}
#bo_gall .gall_li .modifiy_btn{position:absolute; bottom:10px; right:0; width:50px; height:35px; color:#fff; background-color:#333; font-size:15px;}

.webzin .gall_img{position:relative; overflow:hidden; background-size:cover !important;  vertical-align:middle;}

.webzin .gall_img img{max-width:100%; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
.webzin .gall_img:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.gall_img .end_event{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.8); color:#fff; text-align:center;  font-weight:300; z-index:1;}

.webzin .gall_text_href h5 a{vertical-align:middle;color:#282828;font-weight: 500 !important; overflow: hidden;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.webzin .gall_text_href p{color: #222;line-height:1.5em;font-weight: 300;}
.webzin .gall_text_href>span{display:block;color: #222;font-weight:300;}


@media (min-width:1200px){
.gall_img{width:300px; }


.webzin .gall_con{ padding:20px 0;}




.gall_img .end_event{line-height:155px; font-size:25px;}


.webzin .gall_text_href {padding-left:25px;}
.webzin .gall_text_href h5 a{font-size:25px;}


.webzin .gall_text_href p{font-size: 16px; margin: 25px 0;}

.webzin .gall_text_href>span{font-size:18px;}

}
@media (min-width:640px) and (max-width:1200px){
.gall_img{width:210px; }

.webzin .gall_row{}
.webzin .gall_con{ padding:15px 0;}




.gall_img .end_event{line-height:155px; font-size:25px;}


.webzin .gall_text_href {padding-left:20px;}
.webzin .gall_text_href h5 a{font-size:18px;}


.webzin .gall_text_href p{font-size: 14px; margin: 18px 0;}

.webzin .gall_text_href>span{font-size:16px;}
}
@media (max-width:640px){
.gall_img{width:190px; }

.webzin .gall_row{}
.webzin .gall_con{ padding:10px 0;}





.webzin .gall_text_href {padding-left:15px;}
.webzin .gall_text_href h5 a{font-size:15px;}


.webzin .gall_text_href p{font-size: 12px; margin: 14px 0;}

.webzin .gall_text_href>span{font-size:14px;}
}