@charset "utf-8";




	/* demo 展示盒子 */
	#showDemoBox{ display:none;  width:1000px; height:530px;  text-align:left;  overflow-y:scroll; }
	.blockPage{ top:20px !important; }
	#showDemoBox .hd{ height:50px; line-height:50px; background:#ccc; font-size:20px; color:#fff;  font-weight:bold; padding:0 20px;
		background: #1b80b2;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#0797DD), to(#1974a1));
		background: -webkit-linear-gradient(#0797DD, #1974a1);
		background: -moz-linear-gradient(#0797DD, #1974a1);
		background: -ms-linear-gradient(#0797DD, #1974a1);
		background: -o-linear-gradient(#0797DD, #1974a1);
		background: linear-gradient(#0797DD, #1974a1);
		-pie-background: linear-gradient(#0797DD, #1974a1);
		behavior: url(PIE.htc);
	}
	#showDemoBox .hd h3{ font-weight:bold; }
	#showDemoBox em{ display:inline-block; *display:inline; zoom:1; width:20px; height:16px; background:#fff; 
		line-height:14px; text-align:center; float:right; color:#333; cursor:pointer; margin-top:10px; font-size:14px; font-family:Verdana;}
	#showDemoBox #iframe{ width:970px; height:1000px;}


/* demoEffect 文件CSS ======================================= */

	#demoContent{ text-align:center; margin-top:10px;}
	#demoContent .effect{ display:inline-block; *display:inline; zoom:1; text-align:left;  margin:0 auto;}
	#demoContent .js{ text-align:left; margin:10px 20px;  line-height:20px;  background:#f3f3f3;  padding:5px 20px;}
	#demoContent .js span{ color:#1974a1;}
	#demoContent .js span i{ color:#f30; font-weight:bold;}
	#demoContent .notice{ color:#fff;  background:#000; text-align:left; padding:4px 20px; margin:10px 20px;}
	#demoContent .css{  text-align:left; margin:10px 20px;}
	#demoContent .css blockquote{ overflow:scroll; }

	#demoContent  .authorWord{ padding:10px 20px; border:1px dotted #ddd; text-align:left; margin-bottom:20px;}
	#demoContent  .authorWord em{ color:#f00;}
	
/* 双重slide-相册效果 */

.gallery .bd li .pic{ line-height:0px;}
.gallery .bd li .bg,.gallery .bd li .title{ display:none;}
.gallery .bd li img{ width:450px; height:230px;}
.gallery .hd{ position:relative; padding:0 25px;zoom:1;}
.gallery .hd ul{ overflow:hidden; zoom:1; }
.gallery .hd li{ width:191px; padding-top:2px; text-align:center; cursor:pointer;}
.gallery .hd li img{ width:191px; height:100px; border:1px solid #f5d7a3;}
.gallery .hd li.on{ background:url("images/icoUp.gif") no-repeat center 0;}
.gallery .hd li.on img{ border:1px solid #f60; background:#ffffff;}
.gallery .hd .sNext,.gallery .hd .sPrev{ text-align:center;width:25px; height:100px;line-height:100px;border:1px solid #960807; cursor:pointer; position:absolute;left:0px; top:2px;background:#960807;color: #f5d7a3;}
.gallery .hd .sNext{ left:auto; right:0px;}
.gallery .hd .sNext:hover,.gallery .hd .sPrev:hover{ text-decoration:none; border:1px solid #f60;}