.tem248-irregular .container{width: 100%;}
.tem248-irregular .image{width: 100%;}
.tem248-irregular .image img{width: 100%;}
.tem248-irregular .item{position: relative;z-index: 2}
.tem248-irregular .item::before{position: absolute;content: "";border-right:1000px solid transparent;border-left:2800px solid transparent;border-bottom: 500px solid;border-bottom-color:inherit;width: 0;height: 0;left:-10px;top:-500px;z-index: -1}
.tem248-irregular .item .text{color:#fff;padding:0 30% 5%;transform:translateY(-50px);-moz-transform:translateY(-50px);-webkit-transform:translateY(-50px);-ms-transform:translateY(-50px);}
.tem248-irregular .item .text .title{text-align: center;font-size: 24px;text-anchor: center;}
.tem248-irregular .item .text .description{line-height: 185%;margin-top: 30px;text-align: left;font-size: 16px;}
.tem248-irregular .item .more{position: absolute;display: block;color: #333;font-size: 30px;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;top: -133px;left: 50%;margin-left:-30px;background: #fff;box-shadow: 0 0 14px rgba(0,0,0,.3);cursor:pointer;transform: translateY(-50%);transition: all .3s ;}
.tem248-irregular .item .more:hover{opacity: .9;transform: translateY(calc(-50% - 4px));-moz-transform: translateY(calc(-50% - 4px));-webkit-transform: translateY(calc(-50% - 4px)); -ms-transform: translateY(calc(-50% - 4px));}
.tem248-irregular .item .share{width: 100%;color: #fff;padding: 20px 30% 0;transform: translateY(-80px);border-color:#fff;text-align:center;}
.tem248-irregular .item .share-to{border-top:1px solid;border-bottom: 1px solid;border-color:inherit;padding: 8px 0;}
.tem248-irregular .item .share-to a{color:inherit;display: inline-block;font-size: 22px;padding: 5px 10px;}
.tem248-irregular .item .share-to a:hover{transform: translateX(-8px);-moz-transform: translateX(-8px);-ms-transform: translateX(-8px);-webkit-transform: translateX(-8px);}
@media (max-width: 1920px){
    .tem248-irregular .item .more{top:-180px;}
}
@media (max-width: 1440px){
    .tem248-irregular .item .more{top:-133px;}
}
@media (max-width: 1024px){
    .tem248-irregular .item .more{top:-100px;}
}
@media (max-width: 991px){
    .tem248-irregular .item .more{width: 50px;height: 50px;line-height: 50px;margin-left:-25px;font-size: 20px;top:-98px;}
    .tem248-irregular .item .text .description{margin-top: 20px;}
    .tem248-irregular .item .share-to {padding:4px 0;}
    .tem248-irregular .item .share-to a{font-size: 18px;}
}
@media (max-width: 768px){
    .tem248-irregular .container{padding: 0!important;}
    .tem248-irregular .item .more{top: -80px;}
    .tem248-irregular .item .text{transform: translateY(-10px);}
    .tem248-irregular .item .share{transform: translateY(-40px);}
}
@media (max-width: 480px){
    .tem248-irregular .item .text{padding:0 10% 5%;}
    .tem248-irregular .item .share{padding:20px 10% 0;}
    .tem248-irregular .item .share-to a{font-size: 16px;}
    .tem248-irregular .item .more{top: -50px;}
    .tem248-irregular .item .text{transform: translateY(0px);}
    .tem248-irregular .item .share{transform: translateY(-20px);padding:20px 10% 10px;}
}
@media (max-width: 360px){
    .tem248-irregular .item .more{top: -40px;box-shadow: none;}
    .tem248-irregular .item .text{padding:0 3% 5%;}
    .tem248-irregular .item .share{padding:30px 3% 10px;}
}
