/* jssor slider arrow navigator skin 22 css */
 /*
 .jssora22l                  (normal)
 .jssora22r                  (normal)
 .jssora22l:hover            (normal mouseover)
 .jssora22r:hover            (normal mouseover)
 .jssora22l.jssora22ldn      (mousedown)
 .jssora22r.jssora22rdn      (mousedown)
 */
 .jssora22l, .jssora22r {
     display: block;
     position: absolute;
     /* size of arrow element */
     width: 40px;
     height: 58px;
     cursor: pointer;
     background: url('nav_img/a22.png') center center no-repeat;
     overflow: hidden;
 }
 .jssora22l { background-position: -10px -31px; }
 .jssora22r { background-position: -70px -31px; }
 .jssora22l:hover { background-position: -130px -31px; }
 .jssora22r:hover { background-position: -190px -31px; }
 .jssora22l.jssora22ldn { background-position: -250px -31px; }
 .jssora22r.jssora22rdn { background-position: -310px -31px; }


#pauseButton,#pauseButton:focus,#pauseButton:hover{
	margin:-3px 0 0 2px;
	background:none;
	border:none;
	outline:none;
}

#playButton,#playButton:focus,#playButton:hover{
	margin:-3px 0 0 2px;
	background:none;
	border:none;
	outline:none;
}

#pauseButton.glyphicon-pause,#pauseButton.glyphicon-play{	
	color:rgba(0,0,0,0.5);
	font-size:1.2em;
}

#pauseButton.glyphicon-pause:hover,#playButton.glyphicon-play:hover{	
	color:rgba(0,0,0,0.8);	
}

/***********************************************************************/
/**** jssor slider bullet navigator skin 14 css ***********************************/
        /*
        .jssorb14 div           (normal)
        .jssorb14 div:hover     (normal mouseover)
        .jssorb14 .av           (active)
        .jssorb14 .av:hover     (active mouseover)
        .jssorb14 .dn           (mousedown)
        */
        /*
				.jssorb14 {
            position: absolute;
        }
        .jssorb14 div, .jssorb14 div:hover, .jssorb14 .av {
            position: absolute;
            /* size of bullet element */
           /* width: 15px;
            height: 15px;*/
            /*background: url('nav_img/b116.png') no-repeat;*/
            /*background: url('nav_img/b14.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
				.jssorb14 div { background-position: 0px 0px; }
        .jssorb14 .av:hover { background-position: -19px 0px; }
        .jssorb14 .av { background-position: -19px 0px; }
        .jssorb14 .dn, .jssorb14 .dn:hover { background-position: -19px 0px; }
				*/

/***********************************************************************/
/**** jssor slider bullet navigator skin 14 css ***********************************/
        /*
        .jssorb14 div           (normal)
        .jssorb14 div:hover     (normal mouseover)
        .jssorb14 .av           (active)
        .jssorb14 .av:hover     (active mouseover)
        .jssorb14 .dn           (mousedown)
        */
        
				.jssorb14 {
            position: absolute;
        }
        .jssorb14 div, .jssorb14 div:hover, .jssorb14 .av {
            position: absolute;
            /* size of bullet element */
            width: 12px;
            height: 12px;
            background: url('nav_img/b14.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
				/*.jssorb14 div { background-position: 0px 0px; }
        .jssorb14 .av:hover { background-position: -19px 0px; }
        .jssorb14 .av { background-position: -19px 0px; }
        .jssorb14 .dn, .jssorb14 .dn:hover { background-position: -19px 0px; }
				*/
				
        .jssorb14 div { background-position: -9px -9px; }
        .jssorb14 div:hover, .jssorb14 .av:hover { background-position: -39px -9px; }
        .jssorb14 .av { background-position: -69px -9px; }
        .jssorb14 .dn, .jssorb14 .dn:hover { background-position: -99px -9px; }
        
        .jssort03 .t {
            position: absolute;
            top: 0;
            left: -5px;
            width: 200%;
            height: 100%;
            border: none;
        }
        
        .jssort03 .w, .jssort03 .pav:hover .w {
            position: absolute;
            width: 53px;
            height: 28px;
            border: white 1px dashed;
            box-sizing: content-box;
        }
        
        .jssort03 .pdn .w, .jssort03 .pav .w {
						border-style: solid;
        }
        
        .jssort03 .c {
            position: absolute;
            top: 0;
            left: 0;
            width: 55px;
            height: 30px;
            background-color: #000;
        
            filter: alpha(opacity=45);
            opacity: .45;
            transition: opacity .6s;
            -moz-transition: opacity .6s;
            -webkit-transition: opacity .6s;
            -o-transition: opacity .6s;
        }
        
        .jssort03 .p:hover .c, .jssort03 .pav .c {
            filter: alpha(opacity=0);
            opacity: 0;
        }
        
        .jssort03 .p:hover .c {
            transition: none;
            -moz-transition: none;
            -webkit-transition: none;
            -o-transition: none;
        }

				.btn:hover {
					border: 1px solid white;
				}        

        * html .jssort03 .w {
            width: 55px;
            height: 30px;
        }