#wrapper {
	text-align: center;
}
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.5); /*dim the background*/
	text-align: center;
	display: none;
}
#overlay_pic {
	margin: 200px auto;
	width: 400px;
	box-shadow: 10px 10px 5px #000;
}
.jscarousal {
	width: 1002px;
	height: 150px;
	margin: 0 auto;
	padding: 0;
	padding: 0px 8px 22px 8px;
	position: relative; /*overflow: hidden;*/
}
.jscarousal .jscarousal-left, .jscarousal .jscarousal-right {
	float: left;
	width: 27px;
	height: 196px;
	color: White;
	position: relative;

	cursor: pointer;
}
.jscarousal .jscarousal-left {
	background-image: url(../images/1_03.png);
	background-repeat: no-repeat;
	background-position: left;
}
.jscarousal .jscarousal-right {
	background-image: url(../images/1_05.png);
	background-repeat: no-repeat;
	background-position: right;
}
.jscarousal-contents {
	width: 940px;
	height: 220px;
	float: left;
	position: relative;
	overflow: hidden;
}
.jscarousal-contents > div {
	position: absolute;
	width: 100%;
	height: 160px;
}
.jscarousal-contents > div > div {
	float: left;
	margin-left: 8px;
	margin-right: 8px;
}
.jscarousal-contents img {
	width: 170px;
	height: 162px;
	border: solid 1px #F5EDEF;
}
.hidden {
	display: none;
}
.visible {
	display: block;
}
.thumbnail-active {
	filter: alpha(opacity=100);
	opacity: 1.0;
	cursor: pointer;
}
.thumbnail-inactive {
	cursor: pointer;
}
.thumbnail-text {
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	padding: 5px 2px 2px 0px;
	background:#19A90B;
}





.iSpec .box { width: 1020px; }
.iSpec .box a { margin: 0px 10px 0px 0px; border: 1px solid #ddd; text-align: center; overflow: hidden; position: relative; color: #FFF; display:block;}

.iSpec .box img { width: 190px; height: 160px; }

.iSer { width: 200px; height: 210px; padding: 20px 12px 20px 18px; background: url(iService.gif) no-repeat; }
.iSpec .box span {line-height: 40px; width: 100%; text-indent: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.iSpec .box span h2 { font-size: 12px; font-weight:normal; color:#FFF; text-align: center; font-weight: bold; background:#19A90B;
	  width: 192px;
height: 30px; line-height: 30px; }
.iSpec .box span p em { color: #990000; }

.iSpec .box span p { font-size: 14px; color: #333; line-height: 50px; width: 190px; display: block; text-align: center; }
.iSer a { float: left; display: inline; width: 95px; height: 95px; margin: 0 5px 8px 0; text-indent: -999em; }
.iSer a:hover { background: url(iService.gif) -248px -20px no-repeat; }
.iSer a.order:hover { background-position: -348px -20px; }
.iSer a.book:hover { background-position: -248px -123px; }
.iSer a.sina:hover { background-position: -348px -123px; }

.anl{ float:left; position:relative;}


/**鍔ㄥ浘*/

.box-zzsc{ width:251px; position:relative; }
.ctrl-panel{ position: absolute;
right: 10px;
bottom:5px;
z-index: 1000;}
.m-page{ display:block; width:17px; height:17px; text-align:center; background:#963; float:left; display:inline; margin-left:10px;  color:#fff; font-size:13px;line-height: 15px;}
.m-page:hover{ text-decoration:none; color:#fff;}
.focus{background:#000;}
.con{ width:100%;}
.scroll-wrap {OVERFLOW: hidden; WIDTH: 251px; POSITION: relative; HEIGHT: 200px}
.scroll_box_content {POSITION: absolute}
.content_list {FLOAT: left; WIDTH: 251px; HEIGHT: 200px; cursor:pointer;}



/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	width:1025px;
	float:left;
	margin:0 auto;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;

}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -300px;
    left: 0px;;
	z-index: 1;
}


.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;

}



.hoverbox li
{

	float: left;

}

.hoverbox .preview
{

	width: 995px;
	height: 293px;

}



/*案例*/
#mrq{width:995px; margin:0px auto;border:1px solid #19A90B; padding:2px}
#Marquee_x { overflow:hidden; width: 995px } 
#Marquee_x ul li ,#Marquee_x ul li div{ float:left;line-height:25px;overflow:hidden} /* 横向滚动必须让所有li左浮动 */
#Marquee_x ul li div{ float:left;line-height:25px;height:204px; width:250px; overflow:hidden}
#Marquee_x ul li div img{ border:1px solid #DADADA; width:250px; height:175px; display:block}
#Marquee_x ul li div span{ display:block;text-align: center;}



#n{margin:10px auto; width:920px; border:1px solid #CCC;font-size:12px; line-height:30px;}
#n a{ padding:0 4px; color:#333}
