<!-- Caption Style -->

.captionOrange, .captionBlack
{
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
}
.captionOrange
{
	background: #EB5100;
	background-color: rgba(235, 81, 0, 0.6);
}
.captionBlack
{
	font-size:16px;
	background: #000;
	background-color: rgba(0, 0, 0, 0.4);
}
a.captionOrange, A.captionOrange:active, A.captionOrange:visited
{
	color: #ffffff;
	text-decoration: none;
}
a.captionOrange:hover
{
	color: #eb5100;
	text-decoration: underline;
	background-color: #eeeeee;
	background-color: rgba(238, 238, 238, 0.7);
}
.bricon
{
	background: url(../Picture/browser-icons.png);
}

<!-- Arrow Navigator Skin Begin -->

/* jssor slider arrow navigator skin 02 css */
/*
.jssora02l              (normal)
.jssora02r              (normal)
.jssora02l:hover        (normal mouseover)
.jssora02r:hover        (normal mouseover)
.jssora02ldn            (mousedown)
.jssora02rdn            (mousedown)
*/
.jssora02l, .jssora02r, .jssora02ldn, .jssora02rdn
{
position: absolute;
cursor: pointer;
display: block;
background: url(../Picture/Cities/a17.png) no-repeat;
overflow:hidden;
}
.jssora02l { background-position: -10px -40px; }
.jssora02r { background-position: -70px -40px; }
.jssora02l:hover { background-position: -130px -40px; }
.jssora02r:hover { background-position: -190px -40px; }
.jssora02ldn { background-position: -250px -40px; }
.jssora02rdn { background-position: -310px -40px; }

/*
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02ldn { background-position: -243px -33px; }
.jssora02rdn { background-position: -303px -33px; }
*/



<!-- Thumbnail Item Skin Begin -->

/* jssor slider thumbnail navigator skin 03 css */
/*
.jssort03 .p            (normal)
.jssort03 .p:hover      (normal mouseover)
.jssort03 .pav          (active)
.jssort03 .pav:hover    (active mouseover)
.jssort03 .pdn          (mousedown)
*/
.jssort03 .w, .jssort03 .pav:hover .w
{
	position: absolute;
	width: 60px;
	height: 30px;
	border: white 1px dashed;
}
* html .jssort03 .w
{
	width /**/: 62px;
	height /**/: 32px;
}
.jssort03 .pdn .w, .jssort03 .pav .w { border-style: solid; }
.jssort03 .c
{
	width: 62px;
	height: 32px;
	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;
}