.cs-carousel-portfolio-style-2 .cs-portfolio-content {
    padding: 15px;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    transition: all 0.3s linear 0s;
}

.cs-carousel-portfolio-style-2 .cs-portfolio-image img {
    width: -webkit-calc(100% + 50px);
    width: calc(100% + 50px);
    opacity: 0.7;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(0,0, 0);
    transform: translate3d(0,0,0);
}

.cs-carousel-portfolio-style-2 .cs-portfolio-title,
.cs-carousel-portfolio-style-2 .cs-portfolio-description,
.cs-carousel-portfolio-style-2 .cs-portfolio-link-wrap {
    -webkit-transform: translate3d(0,60px,0);
    transform: translate3d(0,60px,0);
}

.cs-carousel-portfolio-style-2 .cs-portfolio-title {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    margin-bottom: 0 !important;
}

.cs-carousel-portfolio-style-2 .cs-portfolio-category,
.cs-carousel-portfolio-style-2 .cs-portfolio-description,
.cs-carousel-portfolio-style-2 .cs-portfolio-link-wrap {
    color: rgba(255,255,255,0.6);
    opacity: 0;
    -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
    transition: opacity 0.2s, transform 0.35s;
}

.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-content{
    background: rgba(0,0,0,0.7);
}
.cs-carousel-portfolio-style-2 article:hover img,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-title,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-category,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-description,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-link-wrap {
    opacity: 1;

}

.cs-carousel-portfolio-style-2 article:hover img,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-title,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-category,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-description,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-link-wrap{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    color: #fff;
}

.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-description,
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-link-wrap{
    -webkit-transition-delay: 0.05s;
    transition-delay: 0.05s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.cs-carousel-portfolio-style-2 .cs-portfolio-link-wrap{
    transition: all 0.3s linear 0s;
    overflow: hidden;
}
.cs-carousel-portfolio-style-2 .cs-portfolio-link-inner a{
    -webkit-transform:translateX(-400px);
       -moz-transform:translateX(-400px);
        -ms-transform:translateX(-400px);
         -o-transform:translateX(-400px);
            transform:translateX(-400px);
    transition: all 0.3s linear 0s;
            display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #ec7777;
    border-radius: 50%;
    text-align: center;
}
.cs-carousel-portfolio-style-2 .cs-portfolio-link-inner a + a{
    -webkit-transform:translateX(400px);
       -moz-transform:translateX(400px);
        -ms-transform:translateX(400px);
         -o-transform:translateX(400px);
            transform:translateX(400px);
}
.cs-carousel-portfolio-style-2 article:hover .cs-portfolio-link-inner a{
    -webkit-transform:translateX(0%);
       -moz-transform:translateX(0%);
        -ms-transform:translateX(0%);
         -o-transform:translateX(0%);
            transform:translateX(0%);
}