/*基本信息*/
html {
	scrollbar-face-color:#f6f6f6;
	scrollbar-highlight-color:#fff;
	scrollbar-shadow-color:#eeeeee;
	scrollbar-3dlight-color:#eeeeee;
	scrollbar-arrow-color:#000;
	scrollbar-track-color:#fff;
	scrollbar-darkshadow-color:#fff;
	}
body {font:12px Tahoma;margin:0px auto;padding:0px;text-align:center;background:#ffffff url(/images/background.gif);text-align:center;}
  A:link   {font-size:12px;color:#333333;text-decoration: none;}   
  A:visited   {font-size:12px;color:#333333;text-decoration: none;}   
  A:active   {font-size:12px;color:#333333;text-decoration: none;}   
  A:hover   {color:#ff7300;font-weight:bold;}   

form {margin:0px;padding:0px;}
.box {border-left:0px;border-top:0px;border-right:0px;border-bottom:1px solid #dddddd;width:65%;}
.nodot{list-style:none;height:12px;}
.margTop{margin-top:10px;}

/*页面层容器*/

 /* GlobalHeader */
#globalheader {
  background: url(images/nav_allbg.gif) repeat-x center bottom;
  height: 40px;
}
#globalheader #globalnav li {
  float: left;
}
#globalheader #globalnav li a {
  color: #FFF;
  text-decoration: none;
  line-height: 40px;
  text-align: center;
  background: url(images/nav_bg.gif);
  width: 90px;
  word-wrap:nowrap;
  overflow:hidden;
  height: 40px;
  float: left;
  margin-right: -2px;
}
#globalheader #globalnav li#current a {
  background: url(images/nav_bg_current.gif);
}


#globalheader #globalnav li a:hover {
  color: #DADADA;
  background: url(images/nav_bg.gif) no-repeat left bottom;
  width: 90px;
  height: 40px;
  float: left;
  margin-right: -2px;
}
 /* GlobalHeader end */
 

#container {float:none;width:870px;margin:0 auto;margin-top:0px;background:#FFFFFF;text-align:center;}


/*页面头部*/

 
 
#Header {width:870px;margin:0 auto;height:63px;background:#FFFFFF url(/images/top_new.png) no-repeat;margin-top:-12px;}
 #topright{float:right;margin-right:10px;}
 #topright a{font-size:12px;color:#ffffff;text-decoration: none;}

  #header_right {float:left;list-style:none;display:block;text-align:right;margin:0 auto;width: 870px;}
  #header_left {float:left;list-style:none;width:870px; margin:0px 10px 0px 0px;}
    #Header ul li {float:left;list-style:none;margin:0px;}
  
#Navbar {float:left;width:870px;margin:0 auto;height:65px;background:#FFFFFF;}
.photobg1 {background:url(/images/y_newcontent40.gif) repeat;text-align:left;height:28px;width:99.3%;}
.photobox {width:98.8%;border-bottom:#aec3de 0px solid;border-left:#aec3de 1px solid;border-right:gray 4px solid;background:#fff  url(/images/newcontent_bg.gif);}
.photocolorblock { background:#fff;font-size: 1px; height:1px;}
.newarticlebox {text-align:left; padding:5px 20px; width:92%;}
.newarticlebox ul { margin-left: -30px !important;height:16px;margin: 2px 0px 2px 10px;  List-style-type: none; text-align: left;}
.newarticlebox li { background-position: left 7px; padding-right: 10px; padding-left: 8px; padding-bottom: 2px; padding-top: 0px; background-repeat: no-repeat; float:left;}
.newarticle1,.newarticle2 {background:url(/images/y_newcontent16.gif) no-repeat;text-align:center;height:18px; width:120px; padding-top:8px;float:left;}
.newarticle2 { background:url(/images/y_newcontent15.gif) no-repeat;width:81px;}

/*页面主体*/
#PageBody {float:left;width:870px;margin:0 auto;background:#FFFFFF;}
 #Upper {float:left;width:870px;height:337px; margin:10px auto 0;}
  #upLeft {float:left;width:31%;height:100%;padding-right:4px;}
   #upleft-top {width:100%;height:100px;float:left;}
   #upleft-bar{width:100%;height:59px;padding-top:3px;float:left;}
* html #upleft-bar{width:100%;height:20px;margin-top:1px;float:left;}
*+ html #upleft-bar{width:100%;height:44px;margin-top:1px;float:left;}
   #upleft-main {width:100%;margin-top:0px;float:left;}
   #upRight {width:867px;height:337px;padding-top:0px;float:left;}

 #Body {float:left;width:870px;margin:0 auto;padding-left:13px;}
* html #Body {padding-top:0px;margin-top:-20px;}
   #sidebar1 {float:left;width:23.6%;margin:0;height:288px;padding-right:10px;}
   #sidebar2 {float:left;width:48%;margin:0;height:288px;padding-right:10px;}
   #sidebar3 {float:left;width:23.6%;margin:0;height:288px;}
   #sidebarv {float:left;width:100%;margin:0;height:330px;background:url(http://www.uplooking.com/images/vbg.gif) no-repeat;}
    #video_nav {float:left;height:18px;width:100%;margin:10px 0px 10px 45px;*margin:23px 0px 0px 25px;padding-bottom:8px;}
    .word {float:left;width:10%;list-style:none;}
    .slash {float:left;width:1px;height:100%;background-color:#cdcdcd;list-style:none;}
    .vfoot {width:100%;height:13px;background:url(http://www.uplooking.com/images/vfoot.gif) no-repeat;}
    .pack img{display:block; border:0px;}
    .pack_video .pic .inner{width:120px; height:75px; overflow:hidden}    
    .pack_video_card{width:130px; overflow:hidden}
    .pack_video_card .pic{position:relative; border:1px solid #ccc; padding:4px}
    .pack_video_card .inner{width:120px; height:75px; overflow:hidden}    
    .pack_video_card .txt{padding:5px}
    .pack_video_card .caption{margin:0 0 4px 0; max-height:36px; overflow:hidden}
    .pack_video_card .caption a.prefix{color:#f60}
    *.pack_video_card {_top:5px; _left:0}
    .pack_video_card .caption,.pack_playlist_card .caption{height:18px;white-space:nowrap}    
    .showcase{margin-left:15px;*margin-left:0px;}
    
    .showcase .row:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
    .showcase .item{float:left;width:171px;}    
    
   #sidebar4 {float:left;width:23.6%;margin:0;height:300px;padding-right:10px;}   
   #sidebar5 {float:left;width:48%;margin:0;height:300px;padding-right:10px;}
   #sidebar6 {float:left;width:23.6%;margin:0;height:300px;}  
   #sidebar7 {float:left;width:23.6%;margin:0;height:277px;padding-right:10px;}  
   #sidebar8 {float:left;width:48%;margin:0;height:277px;padding-right:10px;}
   #sidebar9 {float:left;width:23.6%;margin:0;height:277px;}  
   #sidebar10 {float:left;width:100%;margin:0;height:92px;padding-bottom:15px;text-align:left;} 
   #sidebar11 {float:left;width:32%;margin:0;height:300px;padding-right:10px;} 
   #sidebar12 {float:left;width:32%;margin:0;height:300px;padding-right:10px;} 
   #sidebar13 {float:left;width:32%;margin:0;height:300px;} 
   
h1{font-size:18px;}
h2{font-size:12px;}
h3{font-size:14px;}
h4{font-size:12px;font-weight:normal;}
h5{font-size:14px;font-weight:normal;}
h6{font-size:12px;font-weight:normal;}
   

/*页面底部*/
#bottom {float:left;width:870px;margin:0px auto;height:116px;/*background:url(/images/bottom_bg.gif) no-repeat;*/}
 .listimg{float:left;padding-right:8px;padding-top:11px;}
 .listimg img{border-color:#ff7300;border:solid 1px;}
#Footer {float:left;width:837px;margin:0px auto;text-align:left;padding-left:33px;padding-top:20px;margin-top:-16px;background:#FFFFFF;}
 #Footer ul{width:100%;}
 #Footer ul li{float:left;width:20%;list-style:none;}
#contact {float:left;width:860px;height:130px;padding:0px;*+ padding-left:10px;background:#FFFFFF;}
.ct {float:left;width:30%;text-align:left;height:100%;padding-right:20px;}
.address {float:left;width:140px;text-align:left;height:100%;padding:0px;margin:0px;height:200px;}
.addmap{text-align:center;margin:0 auto;font-weight:bold;}
#auth {float:left;width:850px;height:120px;margin:0px auto;padding-left:10px;background:#FFFFFF;}
.ah {float:left;width:100px;text-align:center;line-height:20px;padding-right:5px;}
#copyright {width:870px;margin:0px auto;height:150px;background:#FFFFFF;}
#flimg {float:left;width:860px;}
#flimg li{float:left;width:150px;}
#flimg ul{list-style:inline;}

#menu ul {float:left;list-style:none;margin:0px;}
#menu ul li {float:left;display:block;line-height:30px;margin:0 10px}
#menu ul li a:link,#menu ul li a:visited {font-weight:bold;color:#666}
#menu ul li a:hover{}
.menuDiv {width:1px;height:28px;background:#999}

#upleft-main ul, #sidebar1 ul, #sidebar2 ul, #sidebar3 ul, #sidebar4 ul, #sidebar5 ul, #sidebar6 ul, #sidebar7 ul, #sidebar8 ul, #sidebar9 ul, #sidebar10 ul, #sidebar11 ul, #sidebar12 ul, #sidebar13 ul {
  text-align:left;list-style:disc;margin:0px auto;padding-top:5px;border-left: 1px solid #cdcdcd;border-right: 1px solid #cdcdcd;
  width:99%;word-wrap:nowrap;overflow:hidden;
}
#sidebar2 ul,#sidebar5 ul,#sidebar8 ul {width:99.5%;}
#sidebar11 ul,#sidebar12 ul,#sidebar13 ul,#upleft-main ul{width:99.2%;}
#upleft-main ul li, #sidebar1 ul li,#sidebar2 ul li, #sidebar3 ul li, #sidebar4 ul li, #sidebar5 ul li, #sidebar6 ul li, #sidebar7 ul li, #sidebar8 ul li , #sidebar9 ul li , #sidebar11 ul li , #sidebar12 ul li , #sidebar13 ul li {
  display:block;margin-left:5px;*margin-left:10px;padding-bottom:6px;line-height:18px;color:#57cfdd;
}
#sidebar4 ul li font{font-size:12px;}
#sidebar4 ul li font b{font-size:14px;}
#sidebar4 ul li font strong{font-size:20px;}
#sidebar4 ul li font strong{line-height:20px;}

#sidebar2 ul li {line-height:24px;padding-bottom:0px;}
#sidebar5 ul li {line-height:23px;padding-bottom:0px;}
#sidebar4 ul li{line-height:15px;}
#sidebar6 ul li{line-height:27px;}

#sidebar2 ul{height:245px;}
#sidebar4 ul,#sidebar5 ul,#sidebar6 ul {height:245px;}
/*#sidebar7 ul li{line-height:21px;}*/
* html #sidebar2 ul li {line-height:15px;padding-bottom:2px;}
*+ html #sidebar2 ul li {line-height:18px;padding-bottom:5px;}
* html #sidebar5 ul li {line-height:17px;padding-bottom:5px;}
*+ html #sidebar5 ul li {line-height:17px;padding-bottom:5px;}
#sidebar9 ul li{list-style:none;}

  #sidebar1 ul li,#sidebar3 ul li {line-height:17px;}
  #sidebar1 ul li{line-height:18px;}
*+ html #sidebar3 {background: url(/images/sidebar3bg.gif) no-repeat;}

  #upleft-main ul li {line-height:15px;padding-bottom:6px;}
.content_up {width:100%;height:28px; line-height:28px;font-weight:bold;background: url(/images/content_up.gif) no-repeat;}
.course_content_up {background: url(/images/course_content_up.gif) no-repeat;}
.star_content_up {background: url(/images/star_content_up.gif) no-repeat;}
.ask_content_up {background: url(/images/ask_content_up.gif) no-repeat;}
.class_content_up {background: url(/images/class_content_up.gif) no-repeat;}
.video_content_up {background: url(/images/video_content_up.gif) no-repeat;}
.free_content_up {background: url(/images/free_content_up.gif) no-repeat;}
.article_content_up {background: url(/images/article_content_up.gif) no-repeat;}
.small_content_up {background: url(/images/small_content_up.gif) no-repeat;}
.big_content_up {background: url(/images/big_content_up.gif) no-repeat;}

.content_down {width:100%;height:6px;background: url(/images/content_down.gif) no-repeat;}
.free_content_down {background: url(/images/free_content_down.gif) no-repeat;}
.article_content_down {background: url(/images/article_content_down.gif) no-repeat;}
.small_content_down {background: url(/images/small_content_down.gif) no-repeat;}
.big_content_down {background: url(/images/big_content_down.gif) no-repeat;} 
#detail li{line-height:22px;}

*+html .content_down{padding-bottom:8px;}

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
  A.topright:link   {   COLOR:   #FF0000;     }   
  A.topright:visited   {   COLOR:   #808080;    }   
  A.topright:active   {   COLOR:   #336699;   }   
  A.topright:hover   {   COLOR:   #FF00FF;     } 
  
#k50 ul{height:125px;padding-left:1px;}
#k80 ul{height:53px;}

/*upfree*/
* {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-DECORATION: none
}
.upfree {
	OVERFLOW: hidden;  padding-right:10px; 
}
#sidebar1 ul.upfree_title_bg1,#sidebar1 ul.upfree_title_bg2 {
	 OVERFLOW: hidden; WIDTH: 205px; HEIGHT: 25px;
}
.upfree_title LI {
	DISPLAY: inline; FLOAT: left; MARGIN: 0px 2px 0px 0px; TEXT-ALIGN: center
}
.upfree_title LI A {
	DISPLAY: block; WIDTH: 86px; COLOR: #fff; LINE-HEIGHT: 25px; heigth: 30px
}
.upfree_title LI A:hover {
	COLOR: #f0f0f0; TEXT-DECORATION: underline
}
.upfree_title_bg1 {
BACKGROUND: url(images/btn_bg_01.png) #fff no-repeat 0 0;
}
.upfree_title_bg2 {
BACKGROUND: url(images/btn_bg_01.png) #fff no-repeat 0 -30px;
}
.upfree_con {
	DISPLAY: block; BACKGROUND: url(images/con_bg_01.png) no-repeat 0px 0px; OVERFLOW: hidden; WIDTH: 205px; HEIGHT: 250px
}
.upfree_con UL {
	MARGIN: 5px auto; WIDTH: 260px; HEIGHT: 250px
}
.upfree_con LI {
	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH: 186px; LINE-HEIGHT: 20px; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis; TEXT-ALIGN: left
}


.notices{width:846px; height:75px\0;  border:0px solid #cdcdcd; clear:both; margin:0 auto;}
.notices ul {margin:0; padding:0; padding-left:2px; }
.notices li {float:left; margin:0 3px; *margin:0 4px;} 
.notices li a,.notices li a:hover {text-decoration:none}
.notices img {border:0; }

.frep_spanrig{float: right; display: block; width: 130px; padding-right: 5px; overflow: hidden; }
.frep_spanlef{float: left; padding-left: 5px;}
#upfree_con1 li{clear:both;}
#upfree_con2 ul,#upfree_con1 ul{border:0;}