#superbanner-category.diy-slideshow {
    position: relative;
    display: block;
    overflow: hidden;
}
#superbanner-category.diy-slideshow figure {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}
#superbanner-category.diy-slideshow figure.show {
    pointer-events: auto;
    z-index: 1;
}
#superbanner-category.diy-slideshow.fade {
    opacity: 1;
}
#superbanner-category.diy-slideshow.fade figure.show {
    opacity: 1;
}
#superbanner-category.diy-slideshow figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#superbanner-category.diy-slideshow figure figcaption {
    position: absolute;
    font-size: .8em;
    line-height: 1em;
    bottom: .75em;
    right: .75em;
    max-width: 90%;
    padding: .5em;
    color: #fff;
    background: rgba(0,0,0, .5);
    border-radius: 2px;
}
#superbanner-category.diy-slideshow figure figcaption a {
    color: #fff;
}
#superbanner-category.diy-slideshow .next, #superbanner-category.diy-slideshow .prev {
    color: #fff;
    position: absolute;
    background: rgba(0,0,0, .75);
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    font-size: 1.5em;
    line-height: 1em;
    user-select: none;
    opacity: 0;
    transition: opacity .4s;
}
#superbanner-category.diy-slideshow:hover .next, #superbanner-category.diy-slideshow:hover .prev {
    opacity: .5;
}
#superbanner-category.diy-slideshow .next:hover, #superbanner-category.diy-slideshow .prev:hover {
    cursor: pointer;
    opacity: 1;
}
#superbanner-category.diy-slideshow .next {
    right: 0;
    padding: 15px 5px 15px 10px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
#superbanner-category.diy-slideshow .prev {
    left: 0;
    padding: 15px 10px 15px 5px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}