
*{
moz-user-select: -moz-none;
-moz-user-select: none;
-o-user-select:none;
-khtml-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
user-select:none;
}
body{
	background: #000;margin: 0px;
}
.loading{
	width: 100%;height: 100%;text-align: center; position: absolute; top: 0px;left: 0px;  background: #000;
}
.loading img{
	 margin-top: 200px
}
.content{
	width: 100%;height: 100%;text-align: center; display: block; position: relative;
}
.page_content{
   height: 100%; display: block; margin: auto;overflow: hidden; position: relative; 
}

.page_list{
	position: relative; height: 100%; top: 0px;
}
.page_item{
	display: block;float: left;overflow-y: auto;overflow-x: hidden; cursor:move ;
}
.page_detail{
	display: block; position: relative;
}
.page_detail .img1{
	width: 100%; display: block;
}
.page_detail .img2{
	width: 100%;display: block;
}
.page_detail .photo_table{
	width: 100%;height: 100%; border: 0px;
}
.page_detail .photo_table td{
	 padding: 0px;width: 50%; background:url(../images/bg_logo_ed.png)  no-repeat center center #333;
}

.page_zoom{
	width: 30px;height: 65px; display: block;  position: absolute; bottom: 20px; margin-left: 5px; cursor: pointer;
}
.page_zoom .zoom_in{
	width: 100%;height: 22px; background: #fff;padding-top: 8px;
}
.page_zoom .zoom_out{
	width: 100%;height: 22px; background: #fff; margin-top: 5px; padding-top: 8px;
}
.pre_page_but{
	width: 50px;height: 50px; opacity:0.6;  position: absolute; top: 0; color: #fff; font-size: 50px;cursor: pointer;
	display: none;
}
.next_page_but{
	width: 50px;height: 50px;  opacity:0.6; position: absolute;top: 0; right: 0;color: #fff;font-size: 50px;cursor: pointer;
	display: none;
}

/*******************************************************************************/

.bottom_menu{
	width: 100%; height: 10px; background-color: rgba(0,0,0,0.7); position: relative; bottom: 0px; margin:auto; overflow: auto; display: none;
}
.bottom_menu_item{
	 margin: 10px; float: left;  width: 10px;height: 10px;  cursor: pointer;
}
.bottom_menu_item table {
	 background: #333; height: 100%; width: 100%;
}
.bottom_menu_item .item_selected {
	  border: solid 4px yellow;
}
.bottom_menu_item td{
	margin: 0px;padding: 0px; border: 0px;
}
.bottom_menu_item .img1{
	float: left; width: 50%; 
}
.bottom_menu_item .img2{
	float: right; width: 50%; 
}

/*******************************************************************************/

.top_menu{
	width: 100%; height: 50px;  color: #fff ; position: absolute; top: 0px;  margin:auto; z-index: 99999; background-color: rgba(0,0,0,0.7); display: none; 
}
.top_menu_but{
	display: block;width: 50px; height: 50px; float: left; 
}
.top_menu_but_selected{
	background-color: rgba(100,100,100,0.7);
}
.top_menu_but img{
	width: 100%;height: 100%; cursor: pointer;
}
.top_menu_title{
	width:100%; height: 50px; float: left; position: absolute; margin: 0px; line-height: 50px; overflow: hidden; margin-left: 50px;
}
.top_menu_list{
	background: #dadada; width: 350px; position: absolute; top: 50px;  overflow: auto; display: none;
}
.top_menu_list_item {
	width: 100%;height: 150px; border-bottom: solid 1px #ccc;  float: left; cursor: pointer;
}
.top_menu_list .item_selected{
	background: #efefef;
}
.top_menu_list_item table{
	width: 100%; height: 100%;
}
.top_menu_list_item table .cover{
	width: 100px; padding: 5px; 
}
.top_menu_list_item table .cover div{
	background: #cdcdcd; width: 100%; height: 90%;
}
.top_menu_list_item table .kicker{
	color: #39a9ff; font-weight: bold; font-size: 18px;  padding-top: 12px; padding-right: 5px;
}
.top_menu_list_item table .title{
	padding: 5px; padding-left: 0px; overflow: hidden;
}


/*******************************************************************************/

.page_links_but_left{
  	background: url(../images/ic_weblinks.png) center top no-repeat;background-size:100% 100%; cursor: pointer;
	width: 45px;height: 45px; position: absolute; left: 0; top: 0; display: none;
}
.page_links_but_right{
  	background: url(../images/ic_weblinks.png) center top no-repeat;background-size:100% 100%; cursor: pointer;
	width: 45px;height: 45px; position: absolute; right: 0; top: 0; display: none;
}
.page_links{
	width: 100%;height: 100%;text-align: center; position: absolute; top: 0px;left: 0px;  background-color: rgba(0,0,0,0.4); display: none;
}
.page_links_win{
	margin: auto;width: 700px; height: 450px; background: #efefef;
}
.page_links_title{
	font-weight: bold; font-size: 20px; padding: 10px; margin: 0px;
}
.page_links_close{
	width: 25px;height: 25px; position: relative; top: 0px; float: right; margin-top: -32px; margin-right: 8px; font-size: 18px; cursor: pointer;
}
.page_links_list{
	overflow: auto; height: 380px;
}
.page_links_item{
	padding: 10px; padding-left: 20px; border-bottom: solid 1px #ddd;
}
.page_links_item a{
	text-decoration:none;
}
.page_links_icon {
	width: 50px;
}
.page_links_icon img{
	width: 50px;
}
.page_links_name{
	font-weight: bold; font-size: 18px; margin: 5px;
}
.page_links_url{
	 margin: 5px; color: #666;
}

.right_download{
	display: block;  position: absolute; top: 10px; margin-left: 5px;
}
.left_download{
	display: block;  position: absolute; top: 10px; z-index: 9999;
}

.left_download button,.right_download button{
	cursor: pointer;
}
