.tem310-irregular .wrap{display: flex;display: -webkit-flex;align-items: flex-end;flex-wrap: wrap;}
.tem310-irregular .wrap .items{padding: 0!important;}
.tem310-irregular .wrap .image img{width: 100%;}
.tem310-irregular .wrap .text{width: 100%;;background: #F86E0C;padding: 10%;color: #fff;}
.tem310-irregular .wrap .text ._title{font-size:40px;transition: all 0.2s ease-out 0s;color:inherit;}
.tem310-irregular .wrap .text .description{transition: all .3s ease 0s;overflow: hidden;position: relative;color:inherit;}
.tem310-irregular .wrap .text .short{position: relative;font-size:12px;color:rgba(255,255,255,.6);padding-top: 150px;border-color: rgba(255,255,255,.6);margin-bottom: 8px;}
.tem310-irregular .wrap .text .short::before{position: absolute;content: "";left:10%;top:50px;width: 1px;height: 80px;border-left:1px solid;border-color: inherit;}
.tem310-irregular .wrap .image{width: 100%;position: relative;transition: .3s ease-out 0s;}
.tem310-irregular .wrap .image a{background:rgba(248,110,12,.85);display: block;position: absolute;content: "";left:0;top:0;width: 100%;height: 100%;opacity: 0}
.tem310-irregular .wrap .image a .more{width: 60px;height: 60px;line-height: 60px;background: #fff;border-radius: 50%;font-size:18px;display: block;text-align: center;position: absolute;left:50%;top:50%;transform: translateX(-50%) translateY(-50%);color:#666;transition: .3s ease-out 0s;top:100%;}
@media(min-width:769px){
    .tem310-irregular .wrap .image:hover a{opacity: 1;}
    .tem310-irregular .wrap .image:hover a .more{top:50%;}
    .tem310-irregular .wrap .image:hover::after{opacity: 1;}
}
@media(max-width:768px){
    .tem310-irregular .wrap .text ._title{font-size: 20px!important;line-height: 150%;}
    .tem310-irregular .wrap{padding-left:2%;padding-right: 2%;}
    .tem310-irregular.full-screen-spacing .wrap{padding-left:0;padding-right: 0;}
}
@media(max-width:480px){
    .tem310-irregular .container,
    .tem310-irregular .container.full-screen{padding-left: 0%!important;padding-right: 0%!important;}
    .tem310-irregular .wrap .items{width: 100%;}
    .tem310-irregular .wrap .text{padding: 5%;}
    .tem310-irregular .wrap .image a{opacity: 1;background: none!important;}
    .tem310-irregular .wrap .image a .more{width: 40px;height: 40px;line-height: 40px;font-size: 12px;top:50%;}
    .tem310-irregular .wrap .text .short{padding-top: 100px;text-align: center;}
    .tem310-irregular .wrap .text .short::before{top:20px;height: 60px;left:50%;}
}