/*******  §ë¼v¼Ò¦¡  *****/
  
  div.system_project_area{
    outline: none;
	background-color:rgba(0, 0, 0, 0.9);
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	display:block;
	overflow:hidden;
  }
    div.project_block{
	  width:100%;
	  height:100%;
	  overflow-x:hidden;
	  overflow-y:hidden;
	  
	}
      div.project_meta_area{
	    position:absolute;
		height:100%;
	    width:290px;
	    background-color:white;
		padding-left:10px;
		box-shadow:3px 0px 5px 1px #AAAAAA;
		border-radius:0 3px 3px 0;
	    z-index:20;
	  }
	    
		
		  table.book_table{
		    margin:5px;
			font-size:14px;
		  }
		    td.bk_cover img{ 
			  margin:15px 0;
			  box-shadow:0px 1px 5px 1px #AAAAAA;;
			}
		    td.bk_info{
			  vertical-align:top;
			  padding:10px;
			}
		      div.bk_name{ line-height:25px; font-size:16px;font-weight:bold; color:#2a83a2; }
			  div.bk_type{ line-height:25px; color:#000000;}
			td.bk_field{ padding:0 0 5px 10px;  font-weight:bold; text-align:center;}
			td.bk_value{  }
			
		
          div.meta_border{
		    padding:5px 0;
			position:relative;
			background-color:rgba(0,0,0,0.3);
		  }
		    span.mb_title{ font-weight:bold;}
		    span.mb_option{
			  position:absolute;
			  right:5px;
			}
			span.mb_option a{
			  position:relative;
			  top:-7px;
			  cursor:pointer;
			}
			
	      table.meta_table{
		    border:0;
		    width:100%;
			font-size:14px;
			table-layout:fixed;
		  }
	      
		  table.meta_table td{
			vertical-align:top;
			padding-top:5px;
			padding-bottom:5px;
			margin:0;
		  } 
	        tr.meta_record:nth-child(odd){
			  background-color:	#F5F5F5;
			  width:100%;
			}
			
			tr.meta_record td{
			  line-height:1.5em;
			}
			
			td.meta_mark{  }
	        td.meta_field{width:34%; color:#666666; font-weight:600;}
			td.meta_value{color:#666666; word-break:break-all; }
	        
			div.meta_field{color:#666666; font-weight:600;}
			div.meta_value{color:#666666; text-indent:2em; word-break:break-all; padding-left:1em;}
	  
	  
	  
	  
	  
	  
	  
	  
	  div.project_object_area{
	    margin-left: 300px;
		margin-right:50px;
		height:100%;
	  }
	  
	    div.poj_display{
		  height: 100%;
		  width:  100%;
		  position:relative;
		  overflow:hidden;
		  min-width:500px;
		}
		  div.poj_view{
			height:100%;
			min-height: 500px;
		    margin-bottom:-50px;
			position:relative;
			overflow:hidden;
		    z-index:10;
		  }
		    canvas#object_display_area{
			  position:absolute;
			  z-index:11;
			}
		    canvas#object_buffer_area{
			  position:absolute;
			  z-index:1;
			  opacity:0;
			}
			
			
		  div.poj_pool{
		    z-index:0;
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:60px;
		  }
		    canvas.image_object{
		      display:none;  
		    }
		  
		  
		  div.poj_cover{
		    position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:50px;
			background-color:#FFFFFF;
			visibility:visible;
			opacity:0;
			z-index:180;
		  }
		    div.obj_block{
			  min-height:500px;
			  margin-top:5px;
			  background-color:#AAAAAA;
			  border:1px #888888 dotted;
			  border-bottom-style:solid;
			  position:absolute;
			  visibility:hidden;
			  overflow:hidden;
			}

			  img.ImageObject{
				cursor:pointer;
				position:relative;
				top:0;
			  }
			  
			  div.obj_func{
			    width:100%;
				position:absolute;
				bottom:0px;
				height:30px;
				background-color:#888888;
				z-index:200;
				text-align:left;
				opacity:0.5;
				
				
			  }
			  
			  div.obj_func:hover{
			    opacity:0.9;
			  }
			    
			    div.obj_tool{
				  display:inline-block;
				  font-size:12px;
				}
				  a.tool_botton{
				    display:inline-block;
					height:30px;
					width:30px;
					cursor: pointer;
					margin-left:5px;
				  } 
				  
				  a.bt_link{
					background:url('../images/System_Search_Image.png') -90px -60px;
				  }
				  
				  a.bt_zoomin{
					background:url('../images/System_Search_Image.png') -120px -30px;
				  }
				  a.bt_zoomout{
					background:url('../images/System_Search_Image.png') -120px -60px;
				  }
				  
				  a.bt_print{
					background:url('../images/System_Search_Image.png') -150px -30px;
				  }
				  
				  a.bt_mark{
					background:url('../images/System_Search_Image.png') -150px -60px;
				  }
				  
			    input.obj_ref{
				  display:none;
				  position:absolute;
				  bottom:35px;
				  left:50px;
				  background-color:#B0E0E6;
				  color:#696969;
				  font-size:11px;
				  border:1px #888888 solid;
				  padding:6px 5px;
				  border-radius: 4px;
				  width:75%;
				  opacity:1;
				}
				  
			  div.bookmark{
			    width:30px;
				height:50px;
				border-radius: 0 0 4px 4px;
				background-color:#e7609e;
				position:absolute;
				top:0px;
				left:3px;
			  }     
			
			a.onpoj_ctrl{
			  position:absolute;
			  top:40%;
			  z-index:250;
			  display:block;
			  width:40px;
			  height:60px;
			  
			  opacity:1;
			}
			
			a#onpoj_dw{
			  background:url('../images/System_Search_Image.png') -320px -0px;
			  right:0px;
			}
            a#onpoj_up{
		      background:url('../images/System_Search_Image.png') -270px -0px;
			  left:0px;
		    }
			
			a#onpoj_dw:hover{
			  background:url('../images/System_Search_Image.png') -320px -60px;
			  right:0px;
			}
            a#onpoj_up:hover{
		      background:url('../images/System_Search_Image.png') -270px -60px;
			  left:0px;
		    }
			
			a#onpoj_dw:active{
			  background:url('../images/System_Search_Image.png') -320px -120px;
			  right:0px;
			}
            a#onpoj_up:active{
		      background:url('../images/System_Search_Image.png') -270px -120px;
			  left:0px;
		    }
			
			span.onpoj_info{
			  position:absolute;
			  z-index:250;
			  width:60px;
			  top:43%;
			  background-color:red;
			  font-size:12px;
			  font-weight:600;
			  color:#ffffff;
			  text-align:center;
			  display:block;
			  padding:5px 7px;
			  opacity:0;
			  border-radius: 4px;
			}
			span#btinfo_dw{
			  left:50%;
			  margin-left:-30px;
			}
			span#btinfo_up{
			  left:50%;
			  margin-left:-30px;
			}
			div#btinfo_pageload{
			  position:absolute;
			  z-index:150;
			  width:100px;
			  height:70px;
			  line-height:70px;
			  top:43%;
			  left:45%;
			  background-color:#888888;
			  border-radius: 4px;
			  text-align:center;
			  opacity:0;
			}
			div#btinfo_pageload img{
			  vertical-align:middle;
			}
			
	      div.poj_bottom{
		    width:100%;
		    height:50px;
		    line-height:50px;
		    background-color:#333333;
			position:relative;
			z-index:11;
		  }
		    ul.poj_option_area{
			  float:right;
			  margin:0;
              padding:0;
			  overflow:hidden;
			  margin-right:10px;
		    }
				  
			  li.poj_option{
			    display:inline-block;
			    min-width:100px;
				float:right;
				margin-left:5px;
				padding-left:5px;
				border-left:1px  #444444 dotted;
				
			  
			  }
			  
			  span#pb_size_slider{display:inline-block; width:200px;position:relative; top:3px;}
			  span#pb_size_info{ display:inline-block; width:30px; padding:0 8px; color:#FFFFFF;}
			  div#image_locate_area{ 
			    position:absolute; 
				right:10px;
				top:38%;
				width:30px;
				height:100px;
				background-color:rgba(0,0,0,0.3);
				z-index:12;
				display:none;
				border-radius:5px;
				box-shadow:1px 1px 5px 0px #cdcdcd;
			  }
			    div.il_block{
				  width:100%;
				  height:100%;
				}
			      div#il_view{
				    width:100%;
					height:0px;
					background-color:#ee827c;
					opacity:0.8;
					border-radius:5px;
					cursor:pointer;
				  }
				  
			  
			  select#poj_img_jump{
			    min-width:100px;
			  }	  
			  a.pbotton{
				opacity:0.4;
			  }
			  
			  a.pbotton:hover{
				opacity:0.9;
			  }
				  
			    span.pb_icon_note{
				  width:28px;
				  height:30px;
				  display:inline-block;
				  background:url('../images/System_Search_Image.png') -30px 0;
				  
				}
				
				span.pb_icon_report{
				  width:28px;
				  height:30px;
				  display:inline-block;
				  background:url('../images/System_Search_Image.png') 0 0;
				  vertical-align:middle;
				  line-height:1em
				}
				  
				span.pb_name{
				  display:inline-block;
				  font-size:14px;
				  color:#FFFFFF;
				}
		  
	  div.project_function_area{
	    position:absolute;
		height:100%;
	    width:50px;
	    background-color:white;
		right:0;
		top:0;
		z-index:21;
		box-shadow:-3px 0px 5px 1px #AAAAAA;
		border-radius:3px 0 0 3px;
	  }	
	  
	    div.system_option_block{
		  position:relative;
		  top:0;
		  left:0;
		}
	  
  div.system_video_area{
    position:absolute;
    width:770px;
	height:390px;
    bottom:50px;
	left:303px;
	box-shadow:3px 0px 5px 1px #666666;
	display:none;
	z-index:200;
  }	  
    div.video_block_border{
	  height:30px;
	  line-height:30px;
	  background-color:#595857;
	  position:relative;
	}
	  span.vdb_title{
	    font-weight:bold;
		color:#FFFFFF;
		padding:0 10px;
	  }
	  a.vdb_option{
	    position:absolute;
	    display:inline-block;
		right:10px;
		cursor:pointer;
	  }

	iframe#video_frame{
	  width:100%;
	  height:360px;
	}