@charset "utf-8";
/* CSS Document */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,pre, form, fieldset ,span{ margin:0; padding:0;}
body {font-size: 12px;color: #666666;height: 100%;margin:0 auto;background-color: #e4e4e4;text-decoration: none; font-weight:normal;  font-family:Arial;}

* {	margin: 0;	padding: 0;}
table {word-wrap:break-word;}
div {word-wrap:break-word;}
ul{list-style:none;}
.container{	WIDTH:1000px;	margin:0 auto;}
.header{width:1000px;float: left; background-color:#FFFfff;}
.top{width:1000px;float: left;}
.logo{float: left; width:550px; height:120px;}
.yuyan{ float:right; width:280px; padding-top:25px; height:40px;}
.yuyan img{ padding-right:10px;}
.search{ float:right; width:280px;}
.search230{ width:225px; border:1px solid #cccccc; color:#666666; padding-left:5px;}

.nav1{ height:55px;padding-left:20px;width:980px;float:left; background-image:url(images/menu.gif); background-repeat:repeat-x; background-position:top; padding-top:1px;}
.nav1 li{float:left;position:relative;height:38px;}
.nav1 li.fenge{ float:left; width:2px; height:38px;line-height:38px; background-image:url(images/fenge.gif); background-repeat:no-repeat; background-position:top;}
.nav1 li a{font-size:12px;height:38px;line-height:38px;color:#cc0000;display:block;float:left; font-weight:bold;text-align:center; padding-left:10px;padding-right:10px;}
.nav1 li:hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav1 li a.home{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav1 li.hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav1 li ul{ position:absolute; top:38px; left:0px; width:610px;display:none;background-color:#ffffff; padding-bottom:5px; overflow:hidden;}
.nav1 li.hover ul{ display: block;}
.nav1 li:hover ul{ display: block;}
.nav1 li ul li{ float:left; height:26px; line-height:26px;padding:0; margin-top:0; border-bottom:1px solid #cccccc;}
.nav1 li:hover ul a{ color:#000000; font-size:12px; font-weight: bold; text-align:left; line-height:26px;width:600px;height:26px; display:inline; margin:0; border:0;  background:none;padding-right: 0px; padding-left:10px;}
.nav1 li:hover ul a:hover{text-decoration:underline;}


.nav{height:55px;padding-left:20px;width:980px;float:left; background-image:url(images/menu.gif); background-repeat:repeat-x; background-position:top; padding-top:1px;}
.nav li{float:left;position:relative;height:38px;}
.nav li.fenge{ float:left; width:2px; height:38px;line-height:38px; background-image:url(images/fenge.gif); background-repeat:no-repeat; background-position:top;}
.nav li a{font-size:14px;height:38px;line-height:38px;color:#cc0000;display:block;float:left; font-weight:bold;text-align:center; width:106px;}
.nav li:hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav li a.home{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav li.hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav li ul{ position:absolute; top:38px; left:0px; width:185px;display:none;background-color:#ffffff; padding-bottom:5px; overflow:hidden;}
.nav li.hover ul{ display: block;}
.nav li:hover ul{ display: block;}
.nav li ul li{ float:left; height:26px; line-height:26px;padding:0; margin-top:0; border-bottom:1px solid #cccccc;}
.nav li:hover ul a{ color:#000000; font-size:12px; font-weight: bold; text-align:left; line-height:26px;width:175px;height:26px; display:inline; margin:0; border:0;  background:none;padding-right: 0px; padding-left:10px;}
.nav li:hover ul a:hover{text-decoration:underline;}
.nav li.hover ul a{ color:#000000; font-size:12px; font-weight: bold;text-align:left; line-height:26px;width:175px;height:26px; display:inline; margin:0; border:0; background:none;padding-right: 0px; padding-left:10px;}
.nav li.hover ul a:hover{text-decoration:underline;}

.nav2{height:55px;padding-left:20px;width:980px;float:left; background-image:url(images/menu.gif); background-repeat:repeat-x; background-position:top; padding-top:1px;}
.nav2 li{float:left;position:relative;height:38px;}
.nav2 li.fenge{ float:left; width:2px; height:38px;line-height:38px; background-image:url(images/fenge.gif); background-repeat:no-repeat; background-position:top;}
.nav2 li a{font-size:14px;height:38px;line-height:38px;color:#cc0000;display:block;float:left; font-weight:bold;text-align:center; width:106px;}
.nav2 li:hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav2 li a.home{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav2 li.hover a{color:#ffffff;height:38px;line-height:38px;background-image:url(images/fenge2.gif); background-repeat:repeat-x; background-position:top;}
.nav2 li ul{ position:absolute; top:38px; left:0px; width:130px;display:none;background-color:#ffffff; padding-bottom:5px; overflow:hidden;}
.nav2 li.hover ul{ display: block;}
.nav2 li:hover ul{ display: block;}
.nav2 li ul li{ float:left; height:26px; line-height:26px;padding:0; margin-top:0; border-bottom:1px solid #cccccc;}
.nav2 li:hover ul a{ color:#000000; font-size:12px; font-weight: bold; text-align:left; line-height:26px;width:120px;height:26px; display:inline; margin:0; border:0;  background:none;padding-right: 0px; padding-left:10px;}
.nav2 li:hover ul a:hover{text-decoration:underline;}
.nav2 li.hover ul a{ color:#000000; font-size:12px; font-weight: bold;text-align:left; line-height:26px;width:120px;height:26px; display:inline; margin:0; border:0; background:none;padding-right: 0px; padding-left:10px;}
.nav2 li.hover ul a:hover{text-decoration:underline;}



.content{WIDTH:980px; padding:10px;float:left;background-color:#FFFfff;}
.banner{ float:left; width:1000px;background-color:#FFFfff;}
.left{ float:left; width:178px; padding-left:7px; background-image:url(images/biao.gif); background-repeat:no-repeat; background-position:center top; padding-top:102px; background-color:#f1f1f1; font-weight:bold; }
.left2{ float:left; width:170px; background-color:#f1f1f1;}
.lnav{ float:left; width:170px; padding-bottom:10px;}
.lnav h3{ float:left; width:155px; padding-left:15px; background-color:#d4392b; height:38px; line-height:38px; border-bottom:1px solid #ffffff; color:#ffffff; font-size:14px; font-weight:bold; background-image:url(images/icon3.gif); background-repeat:no-repeat; background-position:135px 5px;}
.lnav dl{}
.lnav dt{ float:left; width:100%;}
.lnav dt a{ padding-left:22px; color:#666666; line-height:14px; padding-top:6px; padding-bottom:6px; display:block; background-image:url(images/icon5.jpg); background-repeat:no-repeat; background-position:0px top;background-color:#d4d9dd; }
.lnav dt a:hover{ color:#ffffff; display:block;background-image:url(images/icon5.jpg); background-repeat:no-repeat; background-position:-190px top; background-color:#c90507;}


.lnav dd{ float:left; width:100%;border-bottom:1px dotted #bbbbbb;}
.lnav dd a{ padding-left:22px; color:#666666; line-height:14px; padding-top:6px; padding-bottom:6px; display:block;}
.lnav dd a:hover{ color:#ffffff; display:block;background-color:#bbbbbb;}

.lad{ float:left; width:170px; text-align:center; padding-bottom:5px;}

.center{ float:left; width:535px; padding-left:10px;}
.center .box1{ float:left; width:100%; padding-bottom:25px;}
.center .box1 h3{ float:left; color:#cc0000; width:100%; font-size:12px; font-weight:bold; height:24px; padding-top:10px; background-image:url(images/nav1.gif); background-repeat:repeat-x; background-position:bottom;}
.center .box1 h3 span a{ float:right; font-weight:normal;}
.center .box1 .img{ float:left; width:188px; padding-top:8px; padding-left:5px;}
.center .box1 .zi1{ float:left; width:340px; line-height:20px; color:#666666; padding-top:8px;}
.center .box1 .zi1 a{ color:#666666;}
.center .box1 .zi1 a:hover{ color:#000000;}
.center .box2{ float:left; width:100%;}
.center .box2 ul{}
.center .box2 li{ float:left; width:168px; height:266px; text-align:center; background-image:url(images/imgbk.gif); background-repeat:no-repeat; background-position:center bottom; display:inline; margin-left:5px; margin-right:4px;}
.center .box2 li img{ width:168px; height:200px;}
.center .box2 li p{ padding-top:23px; line-height:16px; font-size:14px; color:#ffffff; font-family:"Microsoft YaHei","Adobe 黑体 Std R";}
.center .box2 li a{ color:#ffffff;}
.center .box2 li a:hover{ color:#ffff00;}

.right2{ float:right; width:235px;}
.right2 .shipin{ float:left; width:235px; padding-bottom:10px;}
.right2 .shipin ul{float:left; width:235px;}
.right2 .shipin li{ float:left; width:111px; border:1px solid #cccccc; display:inline; margin:2px; background-color:#f3f3f3; text-align:center; line-height:24px; height:24px; font-weight:bold;}
.right2 .shipin li a{ color:#000000;}
.right2 .shipin li a:hover{ color:#cc0000;}

.right2 .lianxi{ float:left; width:220px; border:1px solid #cccccc; display:inline; padding:10px 3px 5px 10px; line-height:20px;}


.right{float:right;width:800px;overflow:hidden;}



.subnav{font-size: 12px;color: #cc0000;text-decoration: none;float: left;height:30px;width:795px; padding-left:5px; font-weight:bold; padding-top:15px; background-image:url(images/nav1.gif); background-repeat:repeat-x; background-position:left 35px;}
.subnav span{ float:right; color:#666666; font-size:12px; font-weight: normal;}
.subnav span a{ padding-left:5px;color: #666666; padding-right:5px;}
.subnav span a:hover{color: #cc0000;}

.hotlink{ float:left; width:950px; background-color:#f0f0f0; padding-top:8px; height:22px; text-align:center; color:#666666; font-size:12px;}
.hotlink a{ color:#666666; padding-left:10px; padding-right:10px;}
.hotlink a:hover{ color:#000000;}
.footer{float: left;width: 100%;background-color:#FFFfff; text-align:center; padding-top:20px; line-height:20px; padding-bottom:20px; background-image:url(images/nav1.gif); background-repeat:repeat-x; background-position:top;}
.footer a{ color:#666666;}
.footer a:hover{ color:#000000;}
.detailTitle{
	font-size: 18px;
	font-weight: bold;
	color: #cc0000;
	text-decoration: none;
	text-align: center;
	float: left;
	width:100%; line-height:120%;
	padding-top:10px; padding-bottom:10px;	
}
.detailDate{
	font-size: 12px;
	color: #666666;
	text-decoration: none;
	text-align: center;
	float: left;
	height: 28px;
	width:100%;
	padding-top: 5px;
	line-height: 24px; background-color:#f3f3f3;
}
.detailContent{
	font-size: 12px;
	line-height:170%;
	color: #000000;
	text-decoration: none;
	float: left;
	width: 760px;
	padding-top: 15px;
	padding-left: 25px; padding-bottom:10px;
}


.lst,.detail,.piclst{float: left;width:800px;padding-top:10px;}
.piclst dl{ }
.piclst li{  float:left; width:190px; padding-left:10px; text-align:center; height:175px;}
.piclst li img{ width:185px; height:120px;}
.piclst li a{ color:#666666;}
.piclst li a:hover{ color:#cc0000;}
.piclst li p{ padding-top:8px; line-height:16px; height:32px;overflow:hidden; color:#000000;}
.piclst li p a{ padding-top:8px; line-height:16px; height:32px;overflow:hidden; color:#000000;}
.piclst li p.down{ background-image:url(images/down.gif); background-repeat:no-repeat; background-position:center 10px; height:24px; line-height:24px;  color:#ffffff;}
.piclst li p.down a{ color:#ffffff;}
.piclst li p.down a:hover{ color:#000000;}

.piclst1 dl{ }
.piclst1 li{  float:left; width:250px; padding-left:10px; text-align:center; height:175px;}
.piclst1 li img{ width:250px; height:170px;}
.piclst1 li a{ color:#666666;}
.piclst1 li a:hover{ color:#cc0000;}
.piclst1 li p{ padding-top:8px; line-height:16px; height:32px;overflow:hidden; color:#000000;}
.piclst1 li p a{ padding-top:8px; line-height:16px; height:32px;overflow:hidden; color:#000000;}
.piclst1 li p.down{ background-image:url(images/down.gif); background-repeat:no-repeat; background-position:center 10px; height:24px; line-height:24px;  color:#ffffff;}
.piclst1 li p.down a{ color:#ffffff;}
.piclst1 li p.down a:hover{ color:#000000;}



.lst ul{}
.lst li{ float:left; width:100%; height:30px; line-height:30px; background-image:url(images/icon.gif); background-repeat:no-repeat; background-position:15px center; color:#000000; font-size:12px; overflow:hidden;}
.lst li a{ color:#666666; padding-left:30px;}
.lst li a:hover {  color:#cc0000;}
.lst li span{ float:right; width:75px; color:#888888; font-size:12px;}

.lstPager{background-image:url(images/rig2.html); text-align:center; padding-top:20px; padding-bottom:10px;
	float: left;
	width: 100%; 
}
.lstPager a{	color: #666666;	text-decoration: none;}
a {color:#666666;	text-decoration:none}
a:hover {color:#000000;text-decoration:none}
.fred{	color: #FF0000;}
.flan{	color: #278bbd;}

DIV.sabrosus {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.sabrosus A {
	BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
	BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
	BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
	BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}

a {color:#666666;	text-decoration:none}
a:hover {color:#000000;text-decoration:none}
.fred{	color: #FF0000;}
.flan{	color: #007cc3;}

 .banimg{ width:100%; margin:0 auto;}
/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;z-index:100000;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0; height:315px;position:relative;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display:none;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider { position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

/* Caption style */
/* IE rgba() hack */
.flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {width: 96%; padding: 2%; position: absolute; left: 0; bottom: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}

/* Direction Nav */

.flex-direction-nav li a {width: 52px; height: 150px; margin: 0px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 35%; cursor: pointer; text-indent: -9999px;z-index:9999;}
.flex-direction-nav li a.next {background-position: -52px 0; right: 0px;}
.flex-direction-nav li a.prev {background-position: 0 0; left: 0px;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
 .flex-direction-nav li a.active {star:expression(this.onFocus=this.blur());}
 .flex-direction-nav li a:focus{outline:0}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -35px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: none; background: url(images/bg_control_nav.html) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default; star:expression(this.onFocus=this.blur());}


/* =Skitter styles
----------------------------------------------- */
.box_skitter {
	position: relative;
	width: 800px;
	height: 300px;
	background: #000;
}

.box_skitter img {
	max-width: none;
} /* Tip for stildv */
.box_skitter ul {
	display: none;
}

.box_skitter .container_skitter {
	overflow: hidden;
	position: relative;
	width: 1000px;
	height: 324px;
}

.box_skitter .image {
	overflow: hidden;
}

.box_skitter .image img {
	display: none;
}
.container_skitter .image a img {
	 border :0px none;
}
/* =Box clone
-------------------------------------------------------------- */
.box_skitter .box_clone {
	position: absolute;
	top: 0;
	left: 0;
	width: 1000px;
	overflow: hidden;
	display: none;
	z-index: 20;
}

.box_skitter .box_clone img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
}

/* =Navigation
-------------------------------------------------------------- */
.box_skitter .prev_button {
	position: absolute;
	top: 50%;
	left: 35px;
	z-index: 152;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .next_button {
	position: absolute;
	top: 50%;
	right: 35px;
	z-index: 152;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	
}

.box_skitter .prev_button:hover, .box_skitter .next_button:hover {
	opacity: 0.5 !important;
}

/* =Numbers
-------------------------------------------------------------- */
.box_skitter .info_slide {
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 100;
	background: #000;
	color: #fff;
	font: bold 11px arial;
	padding: 5px 0 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	opacity: 0.75;
}

.box_skitter .info_slide  {
	background: #333;
	float: left;
	padding: 2px 10px;
	margin: 0 5px 0 0;
	cursor: pointer;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .info_slide :hover {
	background: #000;
}

.box_skitter .info_slide , .box_skitter .info_slide .image_number_select:hover {
	background: #cc3333;
	float: left;
	padding: 2px 10px;
	margin: 0 5px 0 0;
}

/* =Thumbs
	Change width and height to customization dimension thumb
-------------------------------------------------------------- */
.box_skitter .container_thumbs {
	position:absolute;
	overflow: hidden;
	height: 50px;
}

.box_skitter .info_slide_thumb {
	height: 50px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	overflow: hidden;
	top: auto;
	top: 0;
	left: 0;
	padding: 0 !important;
	opacity: 1.0;
}

.box_skitter .info_slide_thumb  {
	overflow: hidden;
	width: 100px;
	height: 50px;
	position: relative;
	margin: 0 !important;
	padding: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

.box_skitter .info_slide_thumb  img {
	position: absolute;
	top: -30px;
	left: -30px;
	height: 100px;
}

.box_skitter .box_scroll_thumbs {
	padding: 0;
}

.box_skitter .box_scroll_thumbs .scroll_thumbs {
	position: absolute;
	bottom: 60px;
	left: 50px;
	background: #ccc;
	background: -moz-linear-gradient(-90deg, #555, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));
	width: 200px;
	height: 10px;
	overflow: hidden;
	text-indent: -9999em;
	z-index: 101;
	cursor: pointer;
	border: 0px solid #333;
}

/* =Dots
-------------------------------------------------------------- */
.box_skitter .info_slide_dots {
	position: absolute;
	bottom: -40px;
	z-index: 151;
	padding: 5px 0 5px 5px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	 display:none;
}

.box_skitter .info_slide_dots .image_number {
	background: #333;
	float: left;
	margin: 0 5px 0 0;
	cursor: pointer;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	width: 18px;
	height: 18px;
	text-indent: -9999em;
	overflow: hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
display:none;
}

.box_skitter .info_slide_dots .image_number:hover {
	background: #000;
}

.box_skitter .info_slide_dots .image_number_select, .box_skitter .info_slide_dots .image_number_select:hover {
	background: #cc3333;


}
/* =Loading
-------------------------------------------------------------- */
.loading {
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 10000;
	margin: -16px -16px;
	color: #fff;
	text-indent: -9999em;
	overflow: hidden;
	background: url(../images/ajax-loader.html) no-repeat left top;
	width: 32px;
	height: 32px;
}

/* =Label
-------------------------------------------------------------- */
.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	bottom: 0px;
	left: 0px;
	display: none;
}

.box_skitter .label_skitter {
	z-index: 150;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	display: none;
	opacity: 0.8;
	background: #000;
}

.box_skitter .label_skitter p {
	padding: 10px;
	margin: 0;
	font: normal 22px arial,tahoma;
	letter-spacing: -1px;
}

.box_skitter .progressbar {
	background: #000;
	position: absolute;
	top: 5px;
	left: 15px;
	height: 5px;
	width: 200px;
	z-index: 99;
	border-radius: 20px;
}

/* =Preview slide
-------------------------------------------------------------- */
.box_skitter .preview_slide {
	display: none;
	position: absolute;
	z-index: 152;
	bottom: 30px;
	left: -40px;
	width: 100px;
	height: 100px;
	background: #fff;
	border: 1px solid #222;
	-moz-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	box-shadow: rgba(0,0,0,0.7) 2px 2px 5px;
	overflow: hidden;
}

.box_skitter .preview_slide ul {
	height: 100px !important;
	overflow: hidden !important;
	margin: 0 !important;
	list-style: none !important;
	display: none !important;
	position: absolute !important;
	top: 0;
	left: 0;
}

.box_skitter .preview_slide ul li {
	width: 1000px !important;
	height: 342px !important;
	overflow: hidden !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative !important;
	display: block !important;
}

.box_skitter .preview_slide ul li img {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	height: 150px !important;
	width: auto !important;
}

/* =Focus
-------------------------------------------------------------- */
#overlay_skitter {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9998;
	opacity: 1;
	background: #000;
}

.box_skitter .focus_button {
	position: absolute;
	top: 50%;
	z-index: 100;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .play_pause_button {
	position: absolute;
	top: 50%;
	z-index: 151;
	width: 42px;
	height: 42px;
	overflow: hidden;
	text-indent: -9999em;
	margin-top: -25px;
	opacity: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

.box_skitter .play_pause_button.play_button {
}


.box_skitter .play_pause_button:hover {
	opacity: 0.5 !important;
}

.box_skitter .focus_button:hover {
	opacity: 0.5 !important;
}

/* =Example for dimenions
-------------------------------------------------------------- */
.box_skitter_large {
	width: 800px;
	height: 300px;
}

.box_skitter_small {
	width: 200px;
	height: 100px;
}

/* =Default theme
-------------------------------------------------------------- */
.box_skitter .focus_button, 
.box_skitter .next_button, 
.box_skitter .prev_button, 
.box_skitter .play_pause_button 
{
	display: none;
	background: url('images/aa.png') no-repeat;
}

.box_skitter .next_button {
	background-position: -0px -42px;
	width: 42px;
	height: 42px;
}

.box_skitter .prev_button {
	background-position: -42px -42px;
	width: 42px;
	height: 42px;
}

.box_skitter .play_pause_button {
	background-position: -0px -0px;
	width: 42px;
	height: 42px;
}

.box_skitter .play_pause_button.play_button {
	background-position: -0px -84px;
	width: 42px;
	height: 42px;
}

.box_skitter .focus_button {
	background-position: -42px -0px;
	width: 42px;
	height: 42px;
}

/* =Minimalist theme
-------------------------------------------------------------- */
.skitter-minimalist .prev_button, 
.skitter-minimalist .play_pause_button, 
.skitter-minimalist .next_button, 
.skitter-minimalist .focus_button 
{
	display: none;
	background: url('images/sprite-minimalist.html') no-repeat !important;
}

.skitter-minimalist .prev_button {
	background-position: -0px -0px !important;
	width: 24px !important;
	height: 28px !important;
	left: -45px !important;
}

.skitter-minimalist .next_button {
	background-position: -0px -28px !important;
	width: 24px !important;
	height: 28px !important;
	right: -45px !important;
}

.skitter-minimalist .play_pause_button {
	background-position: -0px -74px !important;
	width: 18px !important;
	height: 18px !important;
}

.skitter-minimalist .play_pause_button.play_button {
	background-position: -0px -56px !important;
	width: 18px !important;
	height: 18px !important;
}

.skitter-minimalist .focus_button {
	background-position: -0px -92px !important;
	width: 18px !important;
	height: 18px !important;
}

.skitter-minimalist .info_slide {
	background: transparent;
}

.skitter-minimalist .info_slide {
	background: #000;
	box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
	font-size: 12px;
	font-weight: normal;
}

.skitter-minimalist .info_slide :hover {
	background: #111;
}
.skitter-minimalist .info_slide , .skitter-minimalist .info_slide .image_number_select:hover {
	background: #cc3333;
}

.skitter-minimalist .info_slide_dots  {
	width: 14px;
	height: 14px;
	box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
}

/* =Round theme
-------------------------------------------------------------- */
.skitter-round .prev_button, 
.skitter-round .next_button, 
.skitter-round .play_pause_button, 
.skitter-round .focus_button 
{
	display: block;
	background: url('images/aa.png') no-repeat;
}

.skitter-round .prev_button {
	background-position: -0px -0px;
	width: 43px;
	height: 47px;
	left: -15px;
}

.skitter-round .next_button {
	background-position: -53px -0px;
	width: 43px;
	height: 47px;
	right: -8px;
}

.skitter-round .next_button:hover, .skitter-round .prev_button:hover {
	opacity: 1;
}

.skitter-round .play_pause_button {
	background-position: -0px -70px;
	width: 47px;
	height: 23px;
	top: 24px;
	left: 24px !important;
}

.skitter-round .play_pause_button.play_button {
	background-position: -0px -47px;
	width: 47px;
	height: 23px;
	top: 24px;
}

.skitter-round .focus_button {
	background-position: -0px -93px;
	width: 47px;
	height: 23px;
	top: 24px;
	left: 82px !important;
}

.skitter-round .info_slide {
	background: transparent;
}

.skitter-round .info_slide  {
	background: #999;
	box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
	font-size: 12px;
	font-weight: normal;
}

.skitter-round .info_slide :hover {
	background: #333;
}

.skitter-round .info_slide , .skitter-round .info_slide .image_number_select:hover {
	background: #111;
}

.skitter-round   {
	width: 14px;
	height: 14px;
	box-shadow: rgba(255,255,255,0.2) 1px 1px 0;
	background: #999;
}

.skitter-round  :hover {
	background: #333;
}

.skitter-round  , .skitter-round  .image_number_select:hover {
	background: #111;
}

.skitter-round .progressbar {
	top: -10px;
	left: 0px;
	background: #333;
	box-shadow: rgba(255,255,255,0.3) 1px 1px 0;
}

/* =Clean theme
-------------------------------------------------------------- */
.skitter-clean .prev_button, 
.skitter-clean .next_button, 
.skitter-clean .play_pause_button, 
.skitter-clean .focus_button 
{
	display: none;
	background: url('../images/aa.html') no-repeat;
}

.skitter-clean .prev_button {
	background-position: 0px 0px;
	width: 47px;
	height: 46px;
}

.skitter-clean .next_button {
	background-position: 0px -46px;
	width: 47px;
	height: 46px;
}

.skitter-clean .play_pause_button {
	background-position: -0px -133px;
	width: 41px;
	height: 41px;
}

.skitter-clean .play_pause_button.play_button {
	background-position: -0px -92px;
	width: 41px;
	height: 41px;
}

.skitter-clean .focus_button {
	background-position: -0px -174px;
	width: 41px;
	height: 41px;
}

.skitter-clean .info_slide {
	background: transparent;
}

.skitter-clean .info_slide .image_number {
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
	font-size: 12px;
	font-weight: normal;
	color:#333;
}

.skitter-clean .info_slide :hover {
	background: #ccc;
}

.skitter-clean .info_slide , .skitter-clean .info_slide .image_number_select:hover {
	background: #111;
	color:#fff;
}

.skitter-clean  {
	bottom: 10px;
	background: rgba(255,255,255,0.8);
	box-shadow: rgba(0,0,0,0.3) 1px 1px 0;
}

.skitter-clean   {
	width: 14px;
	height: 14px;
	background: #999;
}

.skitter-clean  :hover {
	background: #333;
}

.skitter-clean  , .skitter-clean .info_slide_dots .image_number_select:hover {
	background: #111;
}

.skitter-clean .progressbar {
	top: 5px;
	left: 5px;
	background: #fff;
	box-shadow: rgba(0,0,0,0.5) 1px 1px 0;
}

/* =Square theme
-------------------------------------------------------------- */

.skitter-square .play_pause_button, 
.skitter-square .next_button, 
.skitter-square .focus_button, 
.skitter-square .prev_button 
{
	display: block;
	background: url('images/aa.png') no-repeat;
}

.skitter-square .play_pause_button {
	background-position: -55px -0px;
	width: 55px;
	height: 55px;
	top: 10px !important;
	left: 10px !important;
	bottom: auto !important;
	right: auto !important;
	margin-top:0;
}

.skitter-square .play_pause_button.play_button {
	background-position: -0px -0px;
	width: 55px;
	height: 55px;
}

.skitter-square .focus_button {
	background-position: -55px -55px;
	width: 55px;
	height: 55px;
	top: 10px !important;
	left: 65px !important;
	bottom: auto !important;
	right: auto !important;
	margin-top:0;
}

.skitter-square .next_button {
	background-position: -0px -55px;
	width: 55px;
	height: 55px;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 10px;
}

.skitter-square .prev_button {
	background-position: -0px -110px;
	width: 55px;
	height: 55px;
	top: auto;
	left: auto;
	bottom: 10px;
	right: 65px;
}

.skitter-square .info_slide {
	background: transparent;
}

.skitter-square .info_slide  {
	background: #fff;
	box-shadow: rgba(0,0,0,0.2) 1px 1px 0;
	font-size: 12px;
	font-weight: normal;
	color:#333;
}

.skitter-square .info_slide :hover {
	background: #ccc;
}

.skitter-square .info_slide , .skitter-square .info_slide .image_number_select:hover {
	background: #111;
	color:#fff;
}



.skitter-square .info_slide_dots , .skitter-square .info_slide_dots .image_number_select:hover {
	background: #555;
}

.skitter-square .progressbar {
	top:0 !important;
	left: 0 !important;
	width: 100%;
	background: #fff;
	border-radius: 0;
	height: 2px;
}


a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */ 　
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */ 　
a:focus { -moz-outline-style: none; } /* IE不支持 */