﻿.slider_banner {
    width: 444px;
    height: 315px;
    position: relative;
    float: left;
}

.slider_banner .slider {
    width: 444px;
    height: 315px;
    position: relative;

}

.slider_banner .slider a {
    position: relative;
}

.slider_banner .slider a img {
    width: 444px;
    height: 315px;
    background-color: aqua;
}


.slider_banner .slider a p {
    bottom: 20px;
    margin: 3px 0px 0px 6px;
    padding: 0px;
    font-size: 12px;
    color: rgb(255, 255, 255);
    font-family: Verdana;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    z-index: 99;
    line-height: 40px;
}

.slider_banner .slick-dots {
    position: absolute;
    right: 10px;
    bottom: 5px;
    margin: 0;
    z-index: 99;
}

.slider_banner .slick-dots li {
    float: left;
    list-style: none;
    margin: 0px 2px;
}

.slider_banner .slick-dots li button {
    width: 20px;
    height: 20px;
    border: 1px solid rgb(153, 153, 153);
    background: rgb(102, 102, 102);
    text-align: center;
    font-size: 12px;
    font-family: Verdana;
    opacity: 0.6;
    color: rgb(204, 204, 204);
    cursor: pointer;
    display: block;
    line-height: 18px;
}

.slider_banner .slick-dots li.slick-active button{
    background-color: #9f2321;
    border: 1px solid rgb(204, 0, 0);
}

.slider_banner .slick-dots li.slick-active button {}

.slider_banner .KSS_titleBar {
    height: 40px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    opacity: 0.5;
    background: #000000;
}