/* jssor slider arrow navigator skin 02 css */
        /*
        .jssora02l                  (normal)
        .jssora02r                  (normal)
        .jssora02l:hover            (normal mouseover)
        .jssora02r:hover            (normal mouseover)
        .jssora02l.jssora02ldn      (mousedown)
        .jssora02r.jssora02rdn      (mousedown)
        */
.jssora02l, .jssora02r 
{
	display: block;
	position: absolute;
	/* size of arrow element */
	width: 55px;
	height: 55px;
	cursor: pointer;
	background: url('img/a02.png') no-repeat;
	overflow: hidden;
}
.jssora02l { background-position: -3px -33px; }
.jssora02r { background-position: -63px -33px; }
.jssora02l:hover { background-position: -123px -33px; }
.jssora02r:hover { background-position: -183px -33px; }
.jssora02l.jssora02ldn { background-position: -3px -33px; }
.jssora02r.jssora02rdn { background-position: -63px -33px; }

        /* jssor slider thumbnail navigator skin 03 css */
        /*
        .jssort03 .p            (normal)
        .jssort03 .p:hover      (normal mouseover)
        .jssort03 .pav          (active)
        .jssort03 .pdn          (mousedown)
        */
        
.jssort03 .p 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100px;
	height: 60px;
}
        
.jssort03 .t 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
        
.jssort03 .w, .jssort03 .pav:hover .w 
{
	position: absolute;
	width: 100px;
	height: 60px;
	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: 100px;
	height: 60px;
	background-color: #000;
	filter: alpha(opacity=45);
	opacity: .45;
	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;
}
        
* html .jssort03 .w 
{
	width /**/: 100px;
	height /**/: 60px;
}
		
		
.jssort04 .p 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 220px;
}
        
.jssort04 .t 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
        
.jssort04 .w, .jssort04 .pav:hover .w 
{
	position: absolute;
	width: 400px;
	height: 220px;
	border: white 1px dashed;
	box-sizing: content-box;
}
        
.jssort04 .pdn .w, .jssort04 .pav .w 
{
	border-style: solid;
}
        
.jssort04 .c 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: 220px;
	background-color: #FFF;
	filter: alpha(opacity=45);
	opacity: .45;
	transition: opacity .6s;
	-moz-transition: opacity .6s;
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
}
        
.jssort04 .p:hover .c, .jssort04 .pav .c 
{
	filter: alpha(opacity=0);
	opacity: 0;
}
        
.jssort04 .p:hover .c 
{
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
}
        
* html .jssort04 .w 
{
	width /**/: 400px;
    height /**/: 220px;
}
		
.jssor_1
{
	background:#666;
	position: relative; 
	margin: 0 auto; 
	/*top: 0px; 
	left: 0px; */
	text-align:center;
	width: 1200px; 
	height: 520px; 
	/**/overflow: hidden; 
	visibility: hidden;
	/*z-index:1;*/
}

.loading
{
	position: absolute; 
	top: 0px; 
	left: 0px;
}

.loading1
{
	filter: alpha(opacity=70); 
	opacity: 0.7; 
	position: absolute; 
	display: block; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height: 100%;
}

.loading2
{
	position:absolute;
	display:block;
	background:url('img/loading.gif') no-repeat center center;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.slides
{
	/*cursor: default; */
	position: relative; 
	/*top: 0px; 
	left: 0px;*/
	margin:160 auto; 
	margin-left:50px;
	margin-right:auto;
	width: 1200px; 
	height: 600px; 
	/*overflow: hidden;*/
	z-index:2;
}

.zone-image
{
	 display: none;
}

#thumbnav
{
	position: relative;
	left:100px;
	top:410px;
	bottom:10px;
	width:320px;
	height:120px;
	z-index:4;
}
#thumbnav2
{
	position: relative;
	left:800px;
	top:200px;
	bottom:10px;
	width:400px;
	height:180px;
	z-index:4;
}
.thumbnav1
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height:100%; 
	background-color: #000; 
	filter:alpha(opacity=30.0); 
	opacity:0.3;
	z-index:3;
}

.thumbnav3
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 100%; 
	height:100%; 
	background-color: #FFF; 
	filter:alpha(opacity=30.0); 
	opacity:0.3;
	z-index:3;
}
#image
{
	height:550px;
	width:1000px;
}

#thumb-image
{
	position:relative;
	width:100px;
	height:60px;
	z-index:6;	
}
#caption1
{
	position: relative; /**/
	top: -240px; 
	/*right:-770px;*/
	width: 400px; 
	height: 190px;
	filter:alpha(opacity=30.0);
	background-color: rgba(255,255,255,0.6);/* rgba(40,177,255,0.6);*/
	z-index:8;
}

.caption2
{
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 240px; 
	height: 80px;
	z-index:7;
}
.caption3
{
	position: absolute; 
	top: 0px; 
	left: 0px;
	 width: 400px; 
	 height: 30px; 
	 font-size: 20px; 
	 line-height: 30px;
	filter:alpha(opacity=60.0);
	background-color: rgba(10,10,10,0.6);
	 text-align:center;
}
.caption4
{
	position: absolute; 
	top: 40px; 
	left: 0px; 
	width: 200px; 
	height: 40px; 
	font-size: 12px; 
	line-height: 15px; 
	text-align: right;"
}