#slideshow {height: 220px;}
/*BANNER*/
.banner-container {
	position: relative;
	overflow: auto;
}
.banner-container ul { margin: 0; }
.banner-container ul li {
	list-style: none;
	min-height: 220px;
	color: #fff;
	position: relative;
}
.banner-container ul li { float: left; }
.banner-container p {
	position: absolute;
	bottom: 10px;
	right: 0;
	background-color: rgba(0,0,0,0.7);
	padding: 8px 20px;
}

.dots {
    position: absolute;
    right: 20px;
    bottom: 10px;
    z-index: 99;
}
.dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;

    text-indent: -999em;

    border: 2px solid #fff;
    border-radius: 6px;

    cursor: pointer;
    opacity: .4;

    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
.dots li.active {
    background: #fff;
    opacity: 1;
}

.arrow {
	position: absolute;
	top: 37%;
}
.arrow.prev {
	margin-left: 0
}
.arrow.next {
	right: 0;
}
.arrow.prev, .arrow.next {
	background-color: rgba(126, 126, 126, 0.7);
	cursor: pointer;
	padding: 20px 10px;
	color: #fff;
}
.arrow.prev:hover, .arrow.next:hover {
	background-color: #eb2427;
	color: #fff;
}