.slider                      { position: relative; }
.slider div.swiper-container { height: 100%; position: relative; }
.slider div.swiper-slide     { height: 100%; position: relative; background: #444 no-repeat center center; background-size: cover; }

.slider a.swiper-arrow        {
	position: absolute; z-index: 2; top: 50%; line-height: 30pt; height: 30pt; width: 30pt; margin-top: -15pt;
	font-size: 20pt; text-decoration: none; text-align: center; color: #fff; text-shadow: 0 0 1pt rgba(0,0,0,0.5);
}
.slider a.swiper-arrow:hover  { color: #fff; }
.slider a.swiper-arrow.l      { left: 0; }
.slider a.swiper-arrow.r      { right: 0; }

.slider .swiper-pagination   { position: absolute; z-index: 2; left: 0; bottom: 10pt; width: 100%; text-align: center; font-size: 0; }
.slider .swiper-pagination-bullet {
	display: inline-block; cursor: pointer; opacity: 1; width: 10pt; height: 10pt; margin: 0 3px;
	background: rgba(0,0,0,0.3); border: 1px solid rgba(255,255,255,0.8); border-radius: 0;
}
.slider .swiper-pagination-bullet-active { background: #fff; }

.slider div.caption            { position: absolute; left: 0; right: 0; bottom: 30pt; background-color: rgba(0,0,0,0.6); }
.slider div.caption h4         { padding: 0 5pt; line-height: 25pt; }
.slider div.caption h4 a       { color: #ccc; text-decoration: none; }
.slider div.caption h4 a:hover { color: #eee; text-decoration: underline; }
.slider div.caption .text      { padding: 0 5pt 5pt; color: #fff; }