/* slideshow css */
.widget.slideshowdiv ul{position:relative;}
.widget.slideshowdiv ul li {display:none;}
.widget.slideshowdiv ul li:first-child{display:block;}
.widget.slideshowdiv[data-init] ul li{
	display:block;
	width:100%;
	height:100%;
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	transition:opacity 1s ease-out 0s;
}
.widget.slideshowdiv[data-init] ul li.active{opacity:1;}

.widget.slideshowdiv ul li a {
    display:block;
    position:relative;
    margin:0 auto;
}
.widget.slideshowdiv ul li a img {
    display:  block;
    margin:  0 auto;
}

/* really absolute? */
.widget.slideshowdiv ul li a .content {
    position:  absolute;
    bottom: 0;
    left: 0;
    width:  100%;
}