/* jssor slider bullet navigator skin 01 css */
        /*
        .jssorb01 div           (normal)
        .jssorb01 div:hover     (normal mouseover)
        .jssorb01 .av           (active)
        .jssorb01 .av:hover     (active mouseover)
        .jssorb01 .dn           (mousedown)
        */
        .jssorb01 {
            position: absolute;
        }
        .jssora13l, .jssora13r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url(../images/a13.png) no-repeat;
            overflow: hidden;
        }
        .jssora13l { background-position: -10px -40px; }
        .jssora13r { background-position: -70px -40px; }
        .jssora13l:hover { background-position: -130px -40px; }
        .jssora13r:hover { background-position: -190px -40px; }
        .jssora13l.jssora13ldn { background-position: -250px -35px; }
        .jssora13r.jssora13rdn { background-position: -310px -35px; }

.banner-nav i {
    background: rgba(0, 0, 0, 0.5);
    color: #eee;
	cursor: pointer;
	font-size: 25px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 30px;
}
.banner-nav.left i {
    left: 50px;
}
.banner-nav.right i {
    right: 50px;
}
#banner img:hover .banner-nav i {
	display: block;
}