/* Slideshow CSS */
.slide-show {
    width: 100%;
    height: 100% !important;
    min-height: 200px !important;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    cursor: crosshair;
    display: block !important;
}
.slide-show-background {
	width: 100%;
    height: 100% !important;
    min-height: 200px !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
}
.slide-show .arrow {
    cursor: pointer !important;
    height: 100%;
    min-height: 200px !important;
    width: 90px;
    display: inline-block;
}
.slide-show .arrow.left {
    background: url(../../assets/images/left_arrow_large.png) no-repeat center center;
    float: left;
}
.slide-show .arrow.right {
    background: url(../../assets/images/right_arrow_large.png) no-repeat center center;
    float: right;
}


.slide-show-magnified-container {
	overflow: auto;
    position: fixed !important;
    padding: 0px !important;
    top: 0;
    z-index: 1000;
    background-color: #FFFFFF !important;
}  
.slide-show-magnified {
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    width: 100%;
    height: 100%;
    cursor: move;
}


.magnified-closer {
    background: url(../../assets/images/close_icon.gif) #FFFFFF no-repeat center center;
    width: 60px;
    height: 60px;
    position: relative !important;
    z-index: 9999;
    cursor:pointer;
    vertical-align: top;
    display: inline-block;
    float: right !important;
}

.slide-show-icons {
	width: 100%;
	margin-top: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	max-height: 90px;
	white-space: nowrap;
}
.slide-show-icons > span {
	vertical-align: top;
	display: inline-block;
	margin-right: 5px;
	width: 88px;
	height: 88px;
	background-size: cover !important;
    cursor: pointer;
}
.slide-show-icons > span.viewed {
	border: 3px solid #F9CD04;
	width: 82px !important;
	height: 82px !important;
}