@charset "utf-8";

/* CSS Document */

/*** side navigation start ****/

.main_left ul li a.atthis { 
	background:url(../images/production/arrow01_yellow.png) no-repeat right center; 
}

.path a:hover {
	text-decoration: underline;
}

/*** side navigation end ****/

.list {
	width:758px;
	/*height: 898px;*/
	margin: 0 0 50px 0;
	/*border-bottom: 1px solid #e6e6e6;*/
}

.row0 {
	width: 760px;
	height: 2px;
	background:url(../images/production/selectTopBg.jpg);
}

.row1 {
	width: 734px;
	height: 20px;
	padding: 4px 12px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	line-height: 20px;
	background:url(../images/production/selectBg.jpg) repeat-x #efefef;
}

.row1Left {
	width: 70px;
	height: 20px;
	float: left;
}

.row1Right {
	height: 20px;
	float: left;
}

.row1Right ul {
	float: left;
	margin: 0 11px 0 0;
}

.itemLeft {
	width: 2px;
	height: 20px;
	float: left;
	background:url(../images/production/itemLeft.jpg);
}

.itemMid {
	padding: 0 16px 0 5px;
	height: 20px;
	float: left;
	background:url(../images/production/itemMid.jpg) repeat-x #efefef;
}

.itemRight {
	width: 15px;
	height: 20px;
	float: left;
	background:url(../images/production/itemRight.jpg);
}

.itemRight a {
	width: 15px;
	height: 20px;
	display: block;
}

.itemRight:hover {
	background:url(../images/production/itemRight.jpg) 0 bottom;
}

.row2 {
	width: 758px;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	line-height: 20px;
}

.row2_0 {
	overflow: hidden;
	border-bottom: 1px dotted #e6e6e6;
}

.row2_1 {
	overflow: hidden;
}

.row2_0_left {
	width: 120px;
	height: 20px;
	padding: 10px 13px;
	float: left;
	border-right: 1px solid #e6e6e6;
	color: #4c4c4c;
	font-weight: bold;
}

.row2_0_right {
	width: 585px;
	height: 20px;
	padding: 10px 13px;
	float: left;
}

.row2_0_right a {
	padding: 5px 10px;
	margin: 0 20px 0 0;
}

.row2_0_right a:hover {
	color: #00adff;
}

a.selectActive:hover {
	color: #fff;
}

.selectActive {
	color: #fff;
	background: #00adff;
	border-radius: 3px;
}

.row3 {
	width: 760px;
	height: 2px;
	background:url(../images/production/selectBotBg.jpg);
}

.dropdown {
	width: 734px;
	height: 29px;
	margin: 24px 0;
	line-height: 29px;
	padding: 0 13px;
	background:url(../images/production/dropdownBg.jpg);
}

.displayText {
	float: left;
	color: #333;
	margin: 0 10px 0 0;
}

.displayCount {
	float: left;
	color: #333;
	margin: 4px 7px 0 0;
}

.showAll {
	width: 72px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	background:url(../images/production/showAll.jpg);
	float: left;
	margin: 5px 30px 0 0;
	color: #333;
}

.showAll a {
	width: 72px;
	height: 20px;
	display: block;
}

.blue {
	color: #005780;
}

.displayCate {
	float: left;
	color: #333;
	margin: 4px 7px 0 0;
}

.paginationLite {
	float: right;
	color: #333;
}

.pagiBtnFirst {
	width: 14px;
	height: 12px;
	display: block;
	float: left;
	margin: 8px 4px;
	background:url(../images/production/pagiLiteArrow.jpg);
}

.pagiBtnUp {
	width: 14px;
	height: 12px;
	display: block;
	float: left;
	margin: 8px 4px;
	background:url(../images/production/pagiLiteArrow.jpg) 0 -24px;
}

.pagiBtnNext {
	width: 14px;
	height: 12px;
	display: block;
	float: left;
	margin: 8px 4px;
	background:url(../images/production/pagiLiteArrow.jpg) 0 -12px;
}

.pagiBtnLast {
	width: 14px;
	height: 12px;
	display: block;
	float: left;
	margin: 8px 4px;
	background:url(../images/production/pagiLiteArrow.jpg) 0 -36px;
}

.pagiBtnFirst:hover {
	background:url(../images/production/pagiLiteArrow.jpg) -14px 0;
}

.pagiBtnUp:hover {
	background:url(../images/production/pagiLiteArrow.jpg) -14px -24px;
}

.pagiBtnNext:hover {
	background:url(../images/production/pagiLiteArrow.jpg) -14px -12px;
}

.pagiBtnLast:hover {
	background:url(../images/production/pagiLiteArrow.jpg) -14px -36px;
}

.pagiActive, .pagiNormal {
	height: 29px;
	display: block;
	float: left;
	margin: 0 3px;
	padding: 0 3px;
	line-height: 29px;
	text-align: center;
	color: #007bbe;
}

.pagiNormal:hover {
	color: #ff7900;
	text-decoration: underline;
}

.pagiActive {
	color: #222;
}

.itemWrapper {
	width: 760px;
	overflow: hidden;
}

.itemWrapper ul {
	width: 830px;
	height: 437px;
	border-bottom: 1px solid #e6e6e6; 
	margin: 0 0 20px 0;
}

.itemWrapper li {
	width: 238px;
	height: 412px;
	float: left;
	margin: 0 20px 20px 0;
	border: 1px solid #f8f8f8; 
}

.itemWrapper li a {
	width: 238px;
	height: 412px;
	display: block;
}

.itemWrapper li:hover {
	border: 1px solid #00adff; 
}

.itemWrapper img {
	margin: 30px 0 0 10px;
}

.itemWrapper a:hover i {
	color: #00adff;
}

.itemWrapper a:hover span {
	color: #fff;
	background:url(../images/production/check.jpg) 0 bottom;
}

.itemWrapper i {
	width: 218px;
	display: block;
	text-align: center;
	margin: 10px auto 0 auto;
	font-style: normal;
	color: #333;
}

.itemWrapper em {
	width: 218px;
	display: block;
	text-align: center;
	margin: 2px auto;
	font-style: normal;
	color: #666;
}

.itemWrapper span {
	width: 172px;
	height: 33px;
	line-height: 33px;
	color: #fff;
	display: block;
	text-align: center;
	margin: 15px auto 0 auto;
	background:url(../images/production/check.jpg);
}

.pagination {
	float: left;
	color: #333;
	margin: 30px 0;
}

.thePagesHuge {
	margin: 0 0 0 210px;
}

.pagination a {
	display: block;
	float: left;
	text-align: center; 
	margin: 0 7px 0 0;
}

.pagiBtnUpHuge {
	width: 25px;
	height: 25px;
	background:url(../images/production/pagiArrowHuge.jpg);	
	border: 0;
}

.pagiBtnNextHuge {
	width: 25px;
	height: 25px;
	background:url(../images/production/pagiArrowHuge.jpg) 0 bottom;
	border: 0;
}

.pagiBtnUpHuge:hover {
	width: 25px;
	height: 25px;
	background:url(../images/production/pagiArrowHuge.jpg) right 0;
	border: 0;
}

.pagiBtnNextHuge:hover {
	width: 25px;
	height: 25px;
	background:url(../images/production/pagiArrowHuge.jpg) right bottom;
	border: 0;
}

.pagiActiveHuge, .pagiNormalHuge {
	width: 24px;
	height: 24px;
	line-height: 25px;
	color: #666;
	border: 1px solid #cfcfcf;
}

.pagiNormalHuge:hover {
	color: #ff7900;
	text-decoration: underline;
}

.pagiActiveHuge {
	color: #fff;
	border: 1px solid #333;
	background: #333; 
}

















