@charset "utf-8";
/* CSS Document */
#page{
	width:272px;
	height:48px;
	background:url(../images/page-bg.png) no-repeat 0 0;
}

#page .page_left {
	width:45px;
	height: 45px;
	float: left;
	background:url(../images/page-next.png) no-repeat  0 0;
}
#page .page_right {
	width:45px;
	height: 45px;
	float: right;
	background:url(../images/page-next.png) no-repeat 0 -45px;
}

#page .page_left , #page .page_right  {
	cursor:pointer!important;
	text-indent:-9999px;
	position:relative;
	}

#page .left_hover{
	background-position:-45px 0!important;
	}
#page .right_hover{
	background-position:-45px -45px!important;
	}

.page_bar{
	height: 9px;
	width:145px;
	float: left;
	margin:20px 0 0 18px;
	background:url(../images/page-progress.png) no-repeat center;
}

.scrollLine{
	width:100%;
	height:9px;
	position:relative;
}

.scrollButton{
	position:absolute;
	top:-5px;
	height: 18px;
	width: 18px;
	background:url(../images/page-bar.png) no-repeat 0 0;
	cursor:pointer!important;
	
}

.page_number{
	display:none;
	}
.page_now_page, .page_hover_page {
	left:30%;
	position: absolute;
	height: 20px;
	width: 20px;
	margin-left: -10px;
	outline: none;
	border-radius: 10px;
	top: 0;
	background-color: #4A821B;
	box-shadow: 0 0 4px 1px #191919, inset 0 1px 0 #7EAD42;
}
.page_hover_page{
	background-color: #CCCCCC;
}