@charset "UTF-8";

.slider_main2{position:absolute; left:0; top:210px; width:1100px; height:300px;  margin:0 auto; z-index:1000; overflow: hidden;}
.slider_main2 .slider_box2{position: absolute; left:0; top:40px; width:1100px; height:260px;  overflow: hidden;}

.slider_sub1{position:relative; width:2000px; height:260px; margin:0 auto; z-index:1000; overflow: hidden;}
.slider_sub1 .slider_box1{position: absolute; left:0; top: 0px; width:2000px; height:260px; overflow: hidden;}

.slider1-T{display:none;}

/*
.jssorb01 div           (normal)
.jssorb01 div:hover     (normal mouseover)
.jssorb01 .av           (active)
.jssorb01 .av:hover     (active mouseover)
.jssorb01 .dn           (mousedown)
*/
.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
{
	display:none;
filter: alpha(opacity=70);
opacity: .7;
overflow:hidden;
cursor: pointer;
border: #000 1px solid;
}
.jssorb01 div { background-color: gray; }
.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
.jssorb01 .av { background-color: #fff; }
.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }



/* jssor slider bullet navigator skin 03 css */
/*
.jssorb03 div           (normal)
.jssorb03 div:hover     (normal mouseover)
.jssorb03 .av           (active)
.jssorb03 .av:hover     (active mouseover)
.jssorb03 .dn           (mousedown)
*/
.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
{
	background:url(/images/main/btn_roll1.png);
	overflow:hidden;
	cursor: pointer;
	width:18px; height:18px;
}
.jssorb03 div { background-position:0 0; }
.jssorb03 div:hover, .jssorb03 .av:hover { background-position:-18px 0; }
.jssorb03 .av { background-position:-18px 0; }
.jssorb03 .dn, .jssorb03 .dn:hover { background-position:-18px 0; }


 /* jssor slider arrow navigator skin 20 css */
	/*
	.jssora20l              (normal)
	.jssora20r              (normal)
	.jssora20l:hover        (normal mouseover)
	.jssora20r:hover        (normal mouseover)
	.jssora20ldn            (mousedown)
	.jssora20rdn            (mousedown)
	*/
	.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
	{
		position: absolute;
		cursor: pointer;
		display: block;
		background: url(../../../images/main/btn_arr1.png);
		overflow:hidden;
		z-index:20000;
		width:11px; height:18px;
		top:0;
	}
	.jssora20l {left:430px; background-position: 0 0; }
	.jssora20r {left:650px; background-position: -11px 0; }
	.jssora20l:hover {left:430px; background-position: 0 0;}
	.jssora20r:hover {left:650px;background-position: -11px 0; }
	.jssora20ldn {left:430px;background-position: 0 0; }
	.jssora20rdn {left:650px;background-position: -11px 0; }



	@charset "UTF-8";

	#slider1_container{ }
	.slider_main{position:relative; width:640px; height:465px; margin:0 auto; z-index:1000; overflow: hidden;}
	.slider_main .slider_box1{position: absolute; left:0; top: 0px; width: 640px; height:465px; overflow: hidden;}


	/*
	.slider_main2{position:relative; width:2000px; height:1120px; margin:0 auto; z-index:1000; overflow: hidden;}
	.slider_main2 .slider_box1{position: absolute; left:0; top: 0px; width:2000px; height:1120px; overflow: hidden;}

	.slider_main3{position:relative; width:2000px; height:920px; margin:0 auto; z-index:1000; }
	.slider_main3 .slider_box1{position: absolute; left:0; top: 0; width:2000px; height:920px; overflow: hidden;}

	.slider1-T{display:none;}


	.jssorb01 div           (normal)
	.jssorb01 div:hover     (normal mouseover)
	.jssorb01 .av           (active)
	.jssorb01 .av:hover     (active mouseover)
	.jssorb01 .dn           (mousedown)
	*/
	.jssorb01 div, .jssorb01 div:hover, .jssorb01 .av
	{
		display:none;
	filter: alpha(opacity=70);
	opacity: .7;
	overflow:hidden;
	cursor: pointer;
	border: #000 1px solid;
	}
	.jssorb01 div { background-color: gray; }
	.jssorb01 div:hover, .jssorb01 .av:hover { background-color: #d3d3d3; }
	.jssorb01 .av { background-color: #fff; }
	.jssorb01 .dn, .jssorb01 .dn:hover { background-color: #555555; }



	/* jssor slider bullet navigator skin 03 css */
	/*
	.jssorb03 div           (normal)
	.jssorb03 div:hover     (normal mouseover)
	.jssorb03 .av           (active)
	.jssorb03 .av:hover     (active mouseover)
	.jssorb03 .dn           (mousedown)
	*/
	.jssorb03 div, .jssorb03 div:hover, .jssorb03 .av
	{
		background:url(/images/main/btn_bull1.png) no-repeat;
		overflow:hidden;
		cursor: pointer;
		width:14px;
		height:14px;
		text-indent:-5000px;
	}
	.jssorb03 div { background-position:0 0; }
	.jssorb03 div:hover, .jssorb03 .av:hover { background-position:-14px 0; }
	.jssorb03 .av { background-position:-14px 0; }
	.jssorb03 .dn, .jssorb03 .dn:hover { background-position:-14px 0; }


	 /* jssor slider arrow navigator skin 20 css */
		/*
		.jssora20l              (normal)
		.jssora20r              (normal)
		.jssora20l:hover        (normal mouseover)
		.jssora20r:hover        (normal mouseover)
		.jssora20ldn            (mousedown)
		.jssora20rdn            (mousedown)
		*/
		.jssora20l, .jssora20r, .jssora20ldn, .jssora20rdn
		{
			position: absolute;
			cursor: pointer;
			display: block;
			background: ;
			overflow:hidden;
			z-index:10000;
			width:32px; height:32px;
			top:325px;
			background:url(/images/sub/btn_arr1.png) no-repeat;
		}
		.jssora20l {left:964px; background-position: 0 0; }
		.jssora20r {left:1012px; background-position: -32px 0; }
		.jssora20l:hover {left:964px; background-position: 0 0;}
		.jssora20r:hover {left:1012px;background-position: -32px 0; }
		.jssora20ldn {left:964px;background-position: 0 0; }
		.jssora20rdn {left:1012px;background-position: -32px 0; }

		.jssora30l, .jssora30r, .jssora30ldn, .jssora30rdn
		{
			position: absolute;
			cursor: pointer;
			display: block;
			background: ;
			overflow:hidden;
			z-index:10000;
			width:32px; height:32px;
			top:80px;
			background:url(/images/sub/btn_arr1.png) no-repeat;
		}
		.jssora30l {left:964px; background-position: 0 0; }
		.jssora30r {left:1012px; background-position: -32px 0; }
		.jssora30l:hover {left:964px; background-position: 0 0;}
		.jssora30r:hover {left:1012px;background-position: -32px 0; }
		.jssora30ldn {left:964px;background-position: 0 0; }
		.jssora30rdn {left:1012px;background-position: -32px 0; }


	/* 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: 90px;
			height: 60px;
		}
		* html .jssort03 .w
		{
			width /**/: 90px;
			height /**/: 60px;
		}
		.jssort03 .pdn .w, .jssort03 .pav .w { }
		.jssort03 .c
		{
			width:90px;
			height:60px;
			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;
		}




/*thumbnail css*/

.jssort02 {
  position: absolute;
  /* size of thumbnail navigator container */
  width: 311px;
  height: 54px;
	left: 0;
}

.jssort02 .p {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 50px;
}

.jssort02 .t {
  position: absolute;
  top: 0;
  left: 0;
  width: 68px;
  height: 48px;
  border: none;
	border: 1px solid #fff;
}

.jssort02 .w {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 72px;
  height: 52px;
}

.jssort02 .c {
  position: absolute;
  top: 0px;
  left: 0px;
	width: 68px;
  height: 48px;
  box-sizing: content-box;
  background: url(/catalog/view/javascript/jssor/img/t01.png) -800px -800px no-repeat;
  background: none;
}

.jssort02 .pav .c {
  top: 2px;
  _top: 0px;
  left: 2px;
  _left: 0px;
	width: 68px;
  height: 48px;
  _border: #eee 2px solid;
  background-position: 50% 50%;
}

.jssort02 .p:hover .c {
  top: 0px;
  left: 0px;
	width: 68px;
  height: 48px;
  background-position: 50% 50%;
}

.jssort02 .p.pdn .c {
  background-position: 50% 50%;
	width: 68px;
  height: 48px;
}

* html .jssort02 .c,
* html .jssort02 .pdn .c,
* html .jssort02 .pav .c {
  /* ie quirks mode adjust */
	width: 68px;
  height: 48px;

}