.tem280-irregular .wrap .item,
.tem280-irregular .wrap .item a{height: 100vh;}
.tem280-irregular._tem280-irregular .wrap .item,
.tem280-irregular._tem280-irregular .wrap .item a{height: auto;}
.tem280-irregular .wrap .item{background-size: cover;background-position: center;position: relative;background-color:rgba(0,0,0,.5);}
.tem280-irregular .wrap .images{background-color:rgba(0,0,0,.3);height: 100%;}
.tem280-irregular .wrap .images img{width: 100%;height: 100%;opacity: 0;}
.tem280-irregular .wrap .text{position: absolute;bottom:5%;left:0;padding:0 12% 0 14%;color:#fff;width: 100%;}
.tem280-irregular .wrap .text .title{font-size:18px;margin-bottom: 20px;transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;transform: translateY(40px);-o-transform: translateY(40px);-moz-transform: translateY(40px);-ms-transform: translateY(40px);-webkit-transform: translateY(40px);}
.tem280-irregular .wrap .text .description{line-height: 24px;max-height: 72px;overflow: hidden;opacity: 0;transition: all .35s ease-out 0s;
-o-transition: all .35s ease-out 0s;-moz-transition: all .35s ease-out 0s;-ms-transition: all .35s ease-out 0s;-webkit-transition: all .35s ease-out 0s;}
.tem280-irregular .wrap .text .border{position: relative;width: 100%;border-color: #fff;}
.tem280-irregular .wrap .text .border::before{content: "";left:0;bottom:0;width: 20%;height: 1px;border-bottom: 1px solid ;border-color: inherit;left:0;top:0;position: absolute;transition: all .2s ease-out 0s;}
@media (min-width: 769px){
    .tem280-irregular .swiper-slide:hover .text .title{transform: translateY(-20px);-o-transform: translateY(-20px);-moz-transform: translateY(-20px);-ms-transform: translateY(-20px);-webkit-transform: translateY(-20px);}
    .tem280-irregular .swiper-slide:hover .text .description{opacity: .6;transform: translateY(-30px);-o-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-webkit-transform: translateY(-30px);}
    .tem280-irregular .wrap .swiper-slide:hover .text .border::before{width: 60%;}
}
@media (max-width: 767px){
    .tem280-irregular .wrap .text .title{height: 44px;overflow: hidden;transform:translateY(20px);-o-transform:translateY(20px);-moz-transform:translateY(20px);-ms-transform:translateY(20px);-webkit-transform:translateY(20px);}
    .tem280-irregular .wrap .text .description{display: none;}
    .tem280-irregular .wrap .item,
    .tem280-irregular .wrap .item a{height: auto;}
}