.ImageSlideShow {
        display: block;
        position: relative;
        margin: 5px auto;
        width: 100%;
}
.ImageSlideShow .SlideShowItem {
        display: block;
        position: relative;
}
.ImageSlideShow .image-item {
        display: inline-block;
        position: absolute;
        border-radius: 3px;
}
.ImageSlideShow .image-title {
        background: none repeat scroll 0 0 #FFFFFF;
        bottom: 0;
        color: #000000;
        display: inline-block;
        font: bold 11pt arial;
        left: 0;
        min-height: 24px;
        padding: 6px 0;
        position: absolute;
        width: 100%;
        z-index: 1;
}
div.div-thumb {
        height: auto;
        overflow: hidden;
        position: relative;
        /* background: #e2ede7; */
}
div.div-thumb ul.ThumbList {
        display: inline-block;
        list-style: none outside none;
        margin: 0;
        padding: 5px 1px;
        position: relative;
        width: 1000%;
}
div.div-thumb ul.ThumbList li.li-thumb {
        display: block;
        float: left;
        padding: 0 4px 0 0;
}
div.div-thumb ul.ThumbList li.li-thumb img.image-thumb {
        transition: all 1s ease 0s;
        border: 3px solid #FFFFFF;
        display: block;
        height: 75px;
        opacity: 0.5;
        width: 100px;
}
div.div-thumb ul.ThumbList li.li-thumb img.image-thumb:hover {
        border: 3px solid #444444;
}
div.div-thumb ul.ThumbList li.li-thumb img.image-thumb:hover {
        opacity: 1;
}
div.div-thumb .selected {
        border: 1px solid #ab0102 !important;
        display: block;
        height: 120px;
        opacity: 1 !important;
        width: 120px;
}
@media only screen and (max-width: 768px){
        div.ImageSlideShow .image-item, div.ImageSlideShow .SlideShowItem {
                height: 60vw !important;
        }
}