#jbr-banners{
	overflow: hidden;
}

#jbr-banners a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
}

#jbr-banners .cycle-pager{
	width: 100%;
	height: 16px;
	padding: 0 10px;
	position: absolute;
	left: 0;
	z-index: 200;
}

#jbr-banners .cycle-pager > span{
	display: inline-block;
	font-family: arial;
	padding: 0 2px;
	width: 20px;
	height: 16px;
	line-height: 16px;
	font-size: 50px;
	color: #afafaf;
	text-shadow: 1px 1px 1px rgba(0,0,0,.8);
	cursor: pointer;
}

#jbr-banners .cycle-pager > span.cycle-pager-active{
	color: #1fa2c9;
}

#jbr-banners .jbr-controls{
	display: block;
	width: 30px;
	height: 52px;
	background: url(../img/controls.png) no-repeat;
	-webkit-background-size: 70px 52px;
	background-size: 70px 52px;
	cursor: pointer;
	z-index: 200;
	position: absolute;
	top: calc(50% - 26px);
	transition: opacity 0.35s ease;
}

#jbr-banners .jbr-controls.jbr-prev{
	background-position: 0 0;
	left: -30px;
	opacity: 0;
	-webkit-transition: left 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-moz-transition: left 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-o-transition: left 0.35s ease-in-out, opacity 0.35s ease-in-out;
	transition: left 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

#jbr-banners .jbr-controls.jbr-next{
	background-position: -40px 0;
	right: -30px;
	opacity: 0;
	-webkit-transition: right 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-moz-transition: right 0.35s ease-in-out, opacity 0.35s ease-in-out;
	-o-transition: right 0.35s ease-in-out, opacity 0.35s ease-in-out;
	transition: right 0.35s ease-in-out, opacity 0.35s ease-in-out;
}

#jbr-banners:hover .jbr-controls.jbr-prev{
	left: 10px;
	opacity: 1;
}

#jbr-banners:hover .jbr-controls.jbr-next{
	right: 10px;
	opacity: 1;
}

#jbr-banners .jbr-controls.jbr-next:hover,
#jbr-banners .jbr-controls.jbr-prev:hover{
	opacity: 0.7;
}