#demo {
	background: #FFF;
	overflow:hidden;
	border: 1px dashed #CCC;
	width: 940px;
}
					
#indemo {
	float: left;
	width: 800%;
}
#demo1 {
	float: left;
}
#demo2 {
	float: left;
}
#demo a{
	height:169px;width:148px;
	cursor:pointer;
}
					
					
.wrap a {display:block; width:148px; height:169px; text-decoration:none; color:#000;}
.wrap {width:148px; height:169px; position:relative; overflow:hidden; font-family:arial, sans-serif; border:0; margin:0 3px; float:left; display:inline;}
.wrap img {border:0;width:148px; height:169px;}
.wrap i {display:block; width:148px; height:169px; top:151px; position:absolute; left:0; z-index:1; background:#000; filter: alpha(opacity=40);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); opacity:0.40;-webkit-transition: all 0.6s ease-in-out; }
.wrap p {display:block; width:148px; height:169px; top:155px; position:absolute; left:0; z-index:1; background:transparent; font-size:12px; color:#fff; padding:0; margin:0; line-height:16px;-webkit-transition: all 0.6s ease-in-out;}
.wrap p b {display:block; font-size:15px; color:#fc0;text-align:center; margin:0; padding:0; line-height:10px;}
.wrap p span {display:block; padding:2px; line-height:20px;}
					 
.wrap a:hover {direction:ltr;}
.wrap a:hover i {top:0;}
.wrap a:hover p {top:0;}
					 
.clear {clear:left;}
					
	#doc { width:1003px;height:260px;overflow:hidden;}
				.tkWrap {height: 260px;position:relative;}
				.tkBtn {position: absolute;bottom:10px; right: 10px;}
				.tkAD{margin:0; padding:0;height:260px;width:1003px;}
				.tkBtn a{text-decoration:none; float: left;background-color:#eee; border-radius: 12px; padding:2px 8px; margin-right: 5px;}
				.tkBtn a:hover,.tkBtn a.current {background-color:#fff; color:red;}
				.tkAD li { list-style: none; position: absolute;height:260px;width:1003px;}
				.tkAD li img {height:260px;width:1003px;}