
<!-- SlidesJS Optional: If you'd like to use this design -->
#slides {
  position:relative;
  display: none;
  overflow:hidden;
}
#slides .slides_link,
#slides a img { 
	width:100%; 
	height:auto;
	overflow:hidden;
}

#slides .slides_tit {
	position:absolute;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
	height:23px;
	padding:0 5px;
	background:rgba(0,0,0,.5);
	line-height:23px;
	font-size:12px;
	color:#fff;
}

/*#slides .slidesjs-navigation {
	position:absolute;
	top:50%;
	width:50px;
	height:50px;
	margin-top:-25px;
	z-index:11;
	background:url(../images/slide.png) no-repeat;
}

#slides .slidesjs-previous {
	left:30px;
	background-position:0 0;
}

#slides .slidesjs-next {
	right:30px;
	background-position:-50px 0;
}
*/
.slidesjs-pagination {
  position:absolute;
  left:0;
  bottom:0;
  right:0;
  z-index:10;

  padding:0 5px;
  text-align:center;
  list-style: none;
}

.slidesjs-pagination li {
  display:inline-block;
  margin: 0 0.1rem;
}

.slidesjs-pagination li a {
  display: block;
  width:0.4rem;
  height:0.4rem;
  border-radius:50%;
  background:rgba(212,203,235,1);
  float: left;
  overflow: hidden;
  font-size:0;

}

.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover.active {
  background:rgba(70,22,107,1);
}

.slidesjs-pagination li a:hover {
 background:rgba(70,22,107,1);
}

#slides a:link,
#slides a:visited {
  color: #333
}

#slides a:hover,
#slides a:active {
  color: #9e2020
}

.navbar {
  overflow: hidden
}
<!-- End SlidesJS Optional-->	
	
<!-- SlidesJS Required: These styles are required if you'd like a responsive slideshow -->	
#slides {
  display: none
}

.container {
  position:relative;
  margin: 0 auto;
}
<!-- SlidesJS Required: -->