@charset "utf-8";

/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td,img { padding: 0; margin: 0; } 
fieldset,img { border: 0; } 

	/* demo图片列表盒子 */
	.demoBox{  text-align:left;   }
	.demoBox .hd{ position:relative; z-index:1; font-size:40px; height:60px; line-height:60px; padding-bottom:20px; border-bottom:3px solid #ddd;    }
	.demoBox .hd em{ display:inline-block; *display:inline; zoom:1;  width:60px; height:60px; font-size:60px; line-height:60px;  text-align: center; background:#ddd; color:#fff; 
		-webkit-border-radius: 1000px;
		-moz-border-radius: 1000px;
		border-radius: 1000px;
		behavior: url(PIE.htc);
		font-family:Arial;
	}
	.demoBox .hd h3{ vertical-align:middle; display:inline-block; *display:inline; zoom:1;padding-left:10px; color:#999;  }
	.demoBox .hd h3 strong{ padding-left:10px; color:#1974a1;   }
	.demoBox .hd .notice{ cursor:pointer; font-size:12px; line-height:20px;  display:inline-block; *display:inline; zoom:1; position:relative; padding:2px 10px; background:#c00; color:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		behavior: url(PIE.htc);
	}
	.demoBox .hd .notice p{ display:none;  position:absolute; top:18px; left:0px; background:#c00; color:#fff; width:400px; padding:10px 20px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;	

	}
	.demoBox .hd .noticeOn p{ display:block;  }
	.demoBox .bd{ padding:20px 0;  }
	.demoBox .bd ul{ overflow:hidden; zoom:1; padding-bottom:5px;  }
	.demoBox .bd ul li{   position:relative;  cursor:pointer; float:left; width:160px; text-align:center; margin-right:25px; border:2px solid #ddd; padding:1px; margin-bottom:20px; background:#fff; 
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-shadow: #999 1px 1px 2px;
		-moz-box-shadow: #999 1px 1px 2px;
		box-shadow: #999 1px 1px 2px;
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li .pic{ line-height:0px; height:120px; overflow:hidden;  }
	.demoBox .bd ul li img{ width:160px; height:120px;  }
	.demoBox .bd ul li .title{ line-height:30px; height:30px; overflow:hidden;  border-top:1px solid #ddd;   background:#E8E8E8; 
			background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFAFA), to(#F0F0F0));
			background: -webkit-linear-gradient(#FAFAFA, #F0F0F0);
			background: -moz-linear-gradient(#FAFAFA, #F0F0F0);
			background: -ms-linear-gradient(#FAFAFA, #F0F0F0);
			background: -o-linear-gradient(#FAFAFA, #F0F0F0);
			background: linear-gradient(#FAFAFA, #F0F0F0);
			-pie-background: linear-gradient(#FAFAFA, #F0F0F0);
		behavior: url(PIE.htc);
	}
	.demoBox .bd ul li:hover{ border-color:#1974a1;  }
	.demoBox .bd ul li.new{ border-color:#f60;  }
	.demoBox .bd ul li.new:hover{ border-color:#1974a1; }
	.demoBox .bd ul li.new em{ position:absolute; left:-5px; top:5px; display:block; width:40px; height:20px; line-height:20px; background:#f60; color:#fff; 
		-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; behavior: url(PIE.htc);
	}
	.yourIdea h1{ font-size:30px; line-height:40px;  }