@charset "utf-8";
/* CSS Document */


body{
  			margin: 0;
  			padding: 0;
  		}
  
		#scrollWrapper {
			position: relative;
			width: 959px;
			margin: 0 auto;
			background-color: white;
		}
		
		/*#scrollBorder {
			padding: 3px 0;
			margin: 0 auto;
			width: 917px;
			border: 1px solid #dedede;
		}*/
		
		#scroll {
			position:relative;
			overflow:hidden;
			width:900px;
			height:550px;
			
			margin: 10px auto 0;
		}
		
		#boards {
			width:9999em;
			position:absolute;
		}
		
		.board, .board_1 {
			width: 900px;
			height: 550px;
			float:left;
			position:relative;
		}
		
		
		.board .board_R p {
			
			width: 480px;
			font-size: 14px;
			line-height: 25px;
			color: #333;
			font-family: Arial, sans-serif;
			padding-top:50px;
			margin-bottom:15px;
		}
		
		.board_1 .board_R p {
			
			width: 480px;
			font-size: 14px;
			line-height: 25px;
			color: #333;
			font-family: Arial, sans-serif;
			
			margin-bottom:15px;
		}
		.board_1 .board_left p {
			
			width: 250px;
			font-size: 14px;
			line-height: 25px;
			color: #333;
			font-family: Arial, sans-serif;
			padding-left:40px;
		}
		
		.board .board_2 p {
			
			width: 800px;
			font-size: 14px;
			line-height: 30px;
			color: #333;
			font-family: Arial, sans-serif;
			padding-left:40px;
			
		}
		#thumbs {
			position:absolute;
			bottom:0;
		}
		
		.t {
			padding:0 !important;
			border:0 !important;
		}
		
		.t a {
			display:block;
			width:180px;
			float:left;
			height:40px;
			cursor:pointer;
			border-right: 1px solid none;
			color: white;
			text-align: center;
			line-height: 40px;
			font-size: 18px;
			font-family: Arial, sans-serif;
		}
		
		.t a.active {
			cursor:default !important;
			text-shadow: 1px 1px 1px #374f10;
			filter: dropshadow(color=#374f10, offx=1, offy=1);
		}
		
		.t a.noborder {
			border-right-width: 0px;	
		}
		
		/*#b1 {
			background: url(http://www.jq-school.com/upload/img/billboard1.png) no-repeat;
		}
		#b2 {
			background: url(http://www.jq-school.com/upload/img/billboard2.png) no-repeat;
		}
		#b3 {
			background: url(http://www.jq-school.com/upload/img/billboard3.png) no-repeat;
		}	
		#b4 {
			background: url(http://www.jq-school.com/upload/img/billboard4.png) no-repeat;
		}*/
	
		#arrows {

		}
		
		#arrows a {
			display: block;
			width: 41px;
			height: 41px;
			cursor:pointer;
			z-index: 1;
			position: absolute;
			top: 225px;
		}
		
		#arrow-left {
			background: url(../../../images/topic/302/arrows.png) no-repeat 0 0;
			left: 0;
		}
		#arrow-right {
			background: url(../../../images/topic/302/arrows.png) no-repeat -41px 0px;
			right: 0;
		}
	
		#arrow-left:hover, #arrow-right:hover {
			background-position-y: -41px;
		}

		a.GlobalButton span {
			background: transparent url(../../../images/topic/302/btn_left.png) no-repeat 0 0;
			display: block;
			/*	
			height: 31px;
			line-height: 31px;
			padding-left: 20px;
			*/
			line-height: 18px;
			padding: 7px 0 6px 20px;

			color: #252525;
		}
		
		a.GlobalButton {
			background: transparent url('../../../images/topic/302/btn_right.png') no-repeat top right;
			display: block;
			float: left;
			height: 31px;
			padding-right: 20px;
			text-decoration: none;
			font-family: Arial, Helvetica, sans-serif;
			font-size:13px;
			font-weight:bold;

			margin-top: 20px;
			/*margin-left: 325px;*/
		}
		
		a.GlobalButton:hover span {
			background-position: 0 -31px;
		}
		
		a.GlobalButton:hover {
			background-position: right -31px;
		}
		
		/* For image replacement */
		/*.ir { border: 0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }*/
		
.board .board_L{ width:360px; height:500px; float:left;}
.board .board_L img{ padding-left:20px;}
.wh250x250{ background:#000; opacity:0.5; width:250px; height:50px; line-height:25px; position:absolute; top:240px; left:20px; }
.board .wh250x250 a:link{ color:#fff; text-decoration:none; padding-left:20px;}
.board .board_R{ width:500px; height:500px; margin-left:20px; float:left;}
.board h2, .board_1 .board_left h2{ width:350px; height:30px; line-height:30px; padding:30px 40px 20px; font-family:"黑体"; font-weight:bold;}
.board .board_R a, .board_1 a, .board_2 a{ color:#666; text-decoration:none;}
.board .board_R a:hover, .board_1 a:hover, .board_2 a:hover{ color:#333;text-decoration:underline;}
.board .wrap5{ width:900px; height:450px;}
.board .wrap5 h2{ width:820px; height:30px; line-height:30px; padding:20px 40px; font-family:"黑体"; font-weight:bold;}
.board_1 .board_L{ width:280px; height:500px; padding:50px 0 0 20px; float:left;}
.board_1 .board_R{ width:520px; height:500px; margin-left:20px; float:left;}
.board_1 .board_R h2{ width:520px; height:30px; line-height:30px; padding:30px 0 20px; font-family:"黑体"; font-weight:bold;}
.board_2 img{ text-align:center;}
.board .board_2{ width:900px; height:500px;}
.board_1 .board_left{ width:280px; height:500px; float:left;}
.board_1 .board_right{ width:520px; height:500px; margin:50px 0 20px 80px; float:left;}
.board_1 .board_right img{ margin-bottom:10px;}



.selected-works{ width:900px; height:380px; margin:0 auto;} 
#pager{ width:660px; height:80px; margin:0 120px; overflow:hidden;}
#pager li{ float:left; padding-right:2px;}
#gallery{ margin:0 170px; height:280px; width:560px;}