.sl-title{
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    padding-bottom: 20px;
}
.card-wrapper{overflow: hidden; padding: 10px; }
.card-wrapper img{width: 100%;height: auto;}
.card-wrapper h3{font-size: 20px;line-height: 1;text-align: center;padding-bottom: 10%;}

.cardbox{position: relative;width: 100%;padding-right: 10px;}
.card-cover{position: absolute; background-color: red;height: 100%;width: 100%; top: 0;left: 0;opacity: 0.2;display: none;}
.card-text{position: absolute;top: -180px;transition: top 0.5s;}
.card-text p{width: 90%;margin: 10px auto;color: white;line-height: 1.5;}
.card-more{position: relative;bottom: -100px;text-align: center;transition: bottom 0.5s;}
.card-more a{display: inline-block; width: 50%;border: 1px solid white;line-height: 2;font-size: 20px;border-radius: 10px;color: white;text-decoration: none;}

.card-wrapper:hover .card-cover{display: block;}
.card-wrapper:hover .card-text{top:20px}
.card-wrapper:hover .card-more{bottom:20px}