.fsbanner, .fsbanner > div > span { 
	/* obrigatório */
	display:none; 
}
div.fsbanner { 
	/* obrigatorio */ 
	position:relative;
	overflow:hidden;
	/* opcional */
	height:400px;
	color:white;
	font-size:20px;
	font-family:Verdana;
	font-weight:bold;   
}


.fsbanner > div { 
	position:absolute; 
	background-size:cover;
	cursor:pointer;
	top:0px; 
	left:0px;
	box-shadow:0px 0 60px #1c1c1c;
}
.fsbanner > div .name { 
	display:block;
	width:220px;
	text-align:center;
	position:absolute;
	z-index:-1;
	left:0px; 
	bottom:-30px;
	color: #fff;
	margin: 0 0 2px 0;
	box-sizing: content-box;
	
	padding:15px 10px 0; background:#2e2e2e;	font-size:13px;	box-shadow:5px -5px 5px #424242;
}
.fsbanner > div .name dt > a{font-weight: bold; color: #fff; font-size: 14px; line-height: 19px; display: block; margin: 20px 0 0 0; position: relative; z-index: 10; padding-left: 12px;}
.fsbanner > div .name dt > a:before{text-indent: -9999px; position: absolute; top: 4px; left: 0; content: ""; border: 6px solid #C22723; border-top-color: transparent; border-bottom-color: transparent; border-right: none;}
.fsbanner > div .name.minimized {
	/* css3 */
	/*transform: rotate(-90deg);
	transform-origin: left top 0;*/
	/* pode ser necessário ajustar isso dependendo da fonte escolhida */
	/*bottom: 10px;
    left: 7px;*/
	width:155px;
}
.fsbanner div:hover .name{ bottom:260px; width:200px; text-align:left; left:20px; background:none;box-shadow:0 0 0 #4D4D4D; font-size:15px;}


.fsbanner > div .erji{
	position: absolute;
	left: 0px!important;
	top: 20px;
	width: 256px;
	background: rgba(203,226,255,0.5);
	padding: 12px;
	z-index: 9999;
	display: none;
}
.fsbanner > div .erji li a{
	display: block;
	font-size: 12px;
	line-height: 25px;
	color: #333
}
.fsbanner > div em{
	width: 100px;
	height: 20px;
	position: absolute;
	left: 30px;
	top: 120px;
	z-index: 999;
	font-style: normal
}
.fsbanner > div em:hover .erji{
    display: block
}