/* 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 11 css */
/*.jssort11 .p            (normal).jssort11 .p:hover      (normal mouseover).jssort11 .pav          (active).jssort11 .pav:hover    (active mouseover).jssort11 .pdn          (mousedown)*/
.jssort11{
	background-color:#878787;  
}
.jssort11 .p {
    position: absolute;
    top: 0;
    left: 0;
    width: 200px;
    height: 65px;
    background: #626262;
	cursor:hand;
	cursor:pointer
}
.jssort11 .tp {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}
.jssort11 .i,
.jssort11 .pav:hover .i {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 65px;
    height: 60px;
    border: white 1px solid;
}
* html .jssort11 .i {
    width : 62px; 
    height: 32px;  
}
.jssort11 .pav .i {
    border: white 1px solid;
}
 
.jssort11 .t,
.jssort11 .pav:hover .t {
    position: absolute;
    top: 3px;
    left: 73px;
    width: 124px;
    height: 40px; 
    text-align: left;
    color: #ffffff;
    font-size: 15px;
    font-weight: 200;
}
.jssort11 .pav .t,
.jssort11 .p:hover .t {
   	color:#666
}
.jssort11 .c,
.jssort11 .pav:hover .c {
    position: absolute;
    top: 38px;
    left: 3px;
    width: 194px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    font-size: 11px;
    font-weight: 400;
    overflow: hidden;
}
.jssort11 .pav .c,
.jssort11 .p:hover .c {
    color: #fc9835;
}
.jssort11 .t,
.jssort11 .c {
    transition: color 2s;
    -moz-transition: color 2s;
    -webkit-transition: color 2s;
    -o-transition: color 2s;
}
.jssort11 .p:hover .t,
.jssort11 .pav:hover .t,
.jssort11 .p:hover .c,
.jssort11 .pav:hover .c {
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}
.jssort11 .p:hover,
.jssort11 .pav:hover {
    background: #ffffff; 
}
.jssort11 .pav,
.jssort11 .p.pdn {
    background: #ffffff;
}

#jssor_1 .detail{
	position:absolute;
	top:210px;
	left:10px;
	width:440px;
	color:#FFF;
	z-index:9999;
}
#jssor_1 .detail .title{
	font-size:17px;
	color:#FFF;
	text-align:left;
}
#jssor_1 .detail .desc{
	font-size:13px;
	color:#FFF;
	text-align:left;
}
#jssor_1 .detail .more{
	float:right;
	margin-top:-20px;
	margin-right:10px;
	font-size:13px;
	font-weight:bold;
	color:#090; 
}
#jssor_1 .detail .more a{
	color:#090
}
#jssor_1 .detailbg{
	position:absolute;
	width:450px;
	height:50px;
	top:210px;
	left:0px;
	background-color:#000;
	filter: alpha(opacity=70); opacity: 0.7; 
	z-index:999;
} 

@media(max-width:767px) {
	#jssor_1{
		left:0
	}

}