/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
 .jssorb03 .av           (active)
 .jssorb03 .av:hover     (active mouseover)
 .jssorb03 .dn           (mousedown)
 */

.jssorb03 {
    position: absolute;
}

.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av {
    position: relative;
    width: 21px;
    height: 21px;
    text-align: center;
    line-height: 21px;
    color: #fff;
    font-size: 12px;
    background: url('../Images/CarouselKeyBG.png') no-repeat;
    overflow: hidden;
    cursor: pointer;
}

.jssorb03 {
    bottom: 0px;
    right: 5px;
}

.jssorb03 div { 
    background-position: -5px -5px;
}

.jssorb03 div:hover, .jssorb03 .av:hover { 
    background-position: -35px -4px;
}

.jssorb03 .av {
    background-position: -65px -4px;
}

.jssorb03 .dn, .jssorb03 .dn:hover {
    background-position: -95px -4px;
}

/* jssor slider arrow navigator skin 03 css */

/*
    .jssora03l                  (normal)
    .jssora03r                  (normal)
    .jssora03l:hover            (normal mouseover)
    .jssora03r:hover            (normal mouseover)
    .jssora03l.jssora03ldn      (mousedown)
    .jssora03r.jssora03rdn      (mousedown)
*/



.jssora03l, .jssora03r {
    display: block;
    position: absolute;
    width: 55px;
    height: 55px;
    cursor: pointer;
    background: url('../Images/CarouselArrows.png') no-repeat;
    overflow: hidden;
}

.jssora03l {
    background-position: -3px -33px;
}

.jssora03r {
    background-position: -63px -33px;
}

.jssora03l:hover {
    background-position: -123px -33px;
}

.jssora03r:hover {
    background-position: -183px -33px;
}

.jssora03l.jssora03ldn {
    background-position: -243px -33px;
}

.jssora03r.jssora03rdn {
    background-position: -303px -33px;
}


.jssor_1 {
    clear: both;
    display: inline-block;
    position: relative;
    margin: 0 auto;
    width: 1100px;
    height: 167px;
    overflow: hidden;
    visibility: hidden;
    text-align: center;
}

.Slides {
    cursor: default;
    position: relative;
    display: inline-block;
    top: 0px;
    left: 0px;
    width: 1100px;
    height: 167px;
    overflow: hidden;
}

.CarouselImages {
    border-radius: 15px;
    border: solid 1px #777;
    box-shadow: rgba(0,0,0,0.5) 3px 3px 3px;
    cursor: pointer;
    overflow: hidden;
}

.CarouselImagesTitle {
    display: inline-block;
    position: relative;
    width: 150px;
    height: 32px;
    float: left;
    /*background-color: rgba(150, 0, 0, 0.7) ;*/
    background-color: rgba(5,50,90,0.8);
    border-radius: 0 6px 6px 0;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
    margin-top: -53px;
    margin-left: 5px;
    line-height: 32px;
}

.CarouselImages_P {
    vertical-align: middle;
    font-family: Byekan;
    font-size: 13px;
    text-shadow: 1px 1px 2px #000;
    line-height: 35px;
}