/* CSS Document */
/*imhb.cn ˼԰ҳģ*/

/*Ԫز*/
body{margin:0;padding:0;font-size:12px;}
h1,h2,h3,h4{margin:0;padding:0;}
#header,#content{width:780px;margin:0 auto;}
#content{ background:url(conbg.gif) repeat-y ;}/*filter:Alpha(Opacity=60);*/
#content li{line-height:1.9em;}
var{color:#999;font-size:98%;font-style:normal;}
ul{margin:0;padding:0}
li{list-style-type:none;line-height:1.7em;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.blank1{height:10px;width:auto;overflow:hidden;}
.blankline{height:1px; overflow:hidden; background:#C6DFF7;margin:20px 10px;}
.button1{border:3px outset #0099FF; background:#1C5BD0;padding:3px 20px;font-size:14px;color:#fff;cursor:hand}
.button2{border:1px double #214963;background:#C6DFF7;padding:2px 8px;margin:5px 0;color:#214963;cursor:hand}
/*貨*/
#top{background:#fff;border-bottom:1px solid #666;}
#top .banner{width:980px;margin:0 auto;padding-top:2px;}
#top .banner a.logo{text-decoration:none;color:#000066;background:url(logo1.gif) left 0px no-repeat;padding:4px 0 3px 75px;font-size:14px;line-height:26px;}
#top .banner a.logo:hover{color:#FF6600}

/**/
#header{background:url(logobg.jpg) 10px 5px no-repeat; height:78px; overflow:hidden;}
#header div.ad{margin-left:155px;padding-top:5px;height:75px;padding-right:10px;font-weight:bold;color:#214963;overflow:hidden;}
/*ײ*/
#foot{ border-top:8px solid #004080;margin-top:20px; width:850px;margin:0 auto; background:#888; text-align:center; line-height:3em;color:#fff;}

/*岼*/
.con_table{width:100%;margin:0 auto;position:relative}
.con_table a{color:#003063; text-decoration:none}
.con_table a:hover{text-decoration:underline; color:#FF6600}
.con_table .area_1{width:268px;padding-right:0px;}/*һ*/
.con_table .area_2{}/*ڶ*/
.con_table .area_3{padding-left:0px;width:230px; }/*ҳ*/
.con_table .area_4{padding-left:10px;width:330px; }/*ͲҳϢ*/

/**/
.main_nav{margin:35px 0 0 262px; position:absolute; float:right; z-index:99}


/*Ŀʽ*/
.col{margin:0 0 10px 0;filter:Alpha(Opacity=100);}
.col .col_tit{ background:url(titbg.gif) left -1px repeat-x;margin:0 2px;}
.col .col_tit span{font-size:120%;color:#214963;padding-left:10px;line-height:2.5em;font-weight:bold;}
.col .col_tit span a{color:#214963;}
.col .col_tit a{color:#0066CC;}/*Ŀʽ*/
.col .col_tit .side_butt{float:right;padding:8px;}/*Ŀʽ*/
.col .col_content{padding:10px;}/*Ŀʽ*/
.col .col_content ul li{background:url(libg.gif) left 0.7em no-repeat;padding-left:0.5em;}
.col .col_content .pre{float:left;}
.col .col_content .next{float:right;}
.col .col_content a{color:#003063; text-decoration:none}
.col .col_content a:hover{text-decoration:underline; color:#FF6600}

.col .tit{font-size:220%;line-height:1.7em; font-family:""}
/**/
#person .per_photo{border:1px solid #666;padding:2px;}
#person ul li{float:left; width:50%;padding:0; background:none;}
#person ul li a{display:block;}
#person .per_info{margin-top:10px;line-height:1.7em}
/*ÿ,ҳȦӣÿ*/
.col_content .name{font-weight:bold;line-height:1.5em;margin-bottom:10px;}
.col_content .name img{float:left;margin-right:5px;border:1px solid #666;}
.col_content .name span{display:block;font-weight:normal;color:#666; height:1.3em; overflow:hidden}
/*ÿ*/
.col_content .name .ly{font-weight:normal;color:#000;margin-top:5px;}
.col_content .name .re{font-weight:normal;border-top:1px dashed #ccc;padding-left:2em;line-height:1.7em;color:#999;}

/*ҵĺ*/
#friend .name{width:33%;float:left;text-align:center;margin-bottom:10px;}
#friend .name img{display:block;float:none;margin:0 auto; width:50px; height:50px; border:1px solid #666;}
#friend .name span{line-height:1.7em;}
/*----------------------*/
#photoshow .pre{float:left;}
#photoshow .next{float:right;}

/*----------------------*/
#demo{padding:1em;}
#demo h3{font-size:120%;line-height:2em;}
#demo h3 a:link{color:#000}
#demo h3 a:visited,#demo h3 a:hover{color:#555}
#demo .info{border:solid #ccc;border-width:1px 0;line-height:2em;color:#888;}
#demo p{font-size:120%;line-height:1.7em;margin:0;}
#demo .read{text-align:right;line-height:2em;}
#demo .blog_list{margin-bottom:15px;}
#demo .text{margin-top:5px;}
/**/
#demo .article{margin:1em 30px;}
#demo .article .tit{}
#demo .article .text p{font-size:130%;margin:10px 0;}

/*----------------------*/
.podcast_list{width:33%;float:left;text-align:center;margin-bottom:15px;}
.podcast_list h3{font-size:100%;line-height:2em;height:2em;font-weight:normal;width:90%;overflow:hidden}
.podcast_list img{display:block;margin:0 auto; border:1px solid #ccc;background:url(podcastbg.gif) center bottom no-repeat;padding:2px 2px 16px 2px;}
.podcast_list span{line-height:1.7em;}
.podcast_current{margin:5px auto;width:400px;line-height:2em;}
/*б*/
#vList .podcast_list{width:24.9%}
/*Ͳ*/
#play .col_content{padding:10px 20px;}
#play .info{float:left;padding-left:20px;line-height:1.7em}
/*,Ƶ*/
#Relat .podcast_list{width:50%}
#Relat .podcast_list var{display:block;}
/*,Ƶ*/
#ownOther .podcast_list{width:50%}
/*ר*/
#Album .podcast_list{width:25%;}
#Album .podcast_list img{background:url(albumbg.gif) center bottom no-repeat;}
/**/
#videoLink{margin:5px 15px;padding-top:10px;border-top:1px dashed #ccc;}
#videoLink input{font-size:95%;}
#videoLink .input1{width:400px;}
/*ר*/
#ablumList ul li{background:none;margin-bottom:5px;}
#ablumList ul{overflow-y:auto;height:240px}
#ablumList li.current{padding:5px 20px; background:url(libg.gif) 10px center no-repeat #EFFBFF}
#ablumList ul li .ablumimg{float:left;}
#ablumList ul li .ablumimg img{width:45px;padding:1px;border:1px solid #ccc;}

/*-----------ͼ-----------*/
#Pic .col_content{padding:10px 20px;}
#Pic .piclist{float:left; width:49%; height:200px; text-align:center;margin:0 auto;}
#Pic .piclist img{background:url(picbg.gif) center bottom no-repeat #fff;padding:2px 2px 16px 2px;border:1px solid #ccc;}
#Pic .piclist h3{font-size:100%;font-weight:normal;width:90%; overflow:hidden;}
#Pic .picCollection{margin-bottom:30px;}
#Pic .picCover{float:left;width:200px;}
#Pic .picCover img{background:url(picbg.gif) center bottom no-repeat #fff;padding:2px 2px 16px 2px;border:1px solid #ccc;}
#Pic .picCover h3{font-size:100%;line-height:2em;height:2em;width:90%;overflow:hidden}
#Pic .picCollist{width:250px;float:left;text-align:center;}
#Pic .picCollist img{border:0;}
#Pic .picNavList{float:right; width:500px;}
#Pic .picNavList a{width:150px;height:100px;margin:0px 15px 15px 0px;}
#Pic .picList a:hover{border-color:#CC3366;}

/*ͼɰ鼤Ч*/
#Pic .bg{background:#F5F5F5;}
#Pic .bg .picCover img{border:1px solid #999;}
#Pic .bg .picList a{border:1px solid #999;}
/*ͼͼչʾҳ*/
#Pic .picSingle{width:100%}
#Pic .picSingle .picCover{float:left; width:220px;}
#Pic .picSingle .picCover .info{line-height:1.7em;width:90%}
#Pic .picSingle .picList{float:right;width:510px;}
#Pic .picList a{width:90px;height:70px;border:1px solid #ccc;float:left;text-align:center;background-position:center center; background-repeat:no-repeat;margin:0px 10px 10px 0px;}

/*ͼɵչʾҳ*/
#Pic .picture {width:100%}
#Pic .picture .picList{float:right; width:100px;}
#Pic .picture .picList a{margin:0;margin-bottom:10px;}
#Pic .picture .picList a.up{border:0;line-height:20px;height:20px; background:url(up.gif) top center no-repeat;padding-top:10px;}
#Pic .picture .picList a.down{border:0;line-height:20px;height:30px; background:url(down.gif) bottom center no-repeat;}
#Pic .picture .picList a.down:hover,#Pic .picture .picList a.up:hover{color:#CC3366;}
#Pic .picture .pic{width:600px; text-align:center;}
#Pic .pictit{font-size:120%;font-weight:bold;color:#888;line-height:2em;}
#Pic .picture .pic img{border:1px solid #666;}
#Pic .pic .info{text-align:left; line-height:1.7em;color:#888;}
/*ͼƬб*/
.otherpic{margin-bottom:10px;}
.otherpic img{border:1px solid #ccc;display:block;margin-bottom:5px;}
/*ͼ־*/
#Pic .blogpic{width:600px;margin:0 auto;}
/*-----------ļ浵-----------*/
#documents ul li var{padding-left:1em;}

/*-----ҳЧ-----*/
#page{margin:0 auto; text-align:center;font-family:"Courier New", Courier, monospace}
#page ul{margin: 0;padding: 0;}
#page li{list-style-type: none;background:none;display: inline;padding: 3px;}
#page a, #page a:visited{padding: 2px 5px;border: 1px solid #ccc;text-decoration: none; color: #333;}
#page a:hover,#page a:active{border: 1px solid #666;color: #000;background-color: lightyellow;}
#page li.currentpage{font-weight: bold;padding: 2px 10px;border: 1px solid #666;background-color: #ccc;color: #FFF;}
#page li.nextpage{font-weight: bold;}
/*----------*/
#Comments .col_content{padding:30px;}
#Comments .col_content .name{border-bottom:1px dashed #ccc;}
#Comments .col_content .name .ly{margin:1em 0;}

/*------------б----------*/
.friendlist{padding:20px;}
.friendlist .name{float:left; width:33%; height:110px;}
.friendlist .name h3{font-size:100%;line-height:2em;}
.friendlist .name{font-weight:normal;color:#666;}
.friendlist .name img{width:80px;height:80px;display:block;padding:2px; border:1px solid #ccc; display:block;}

/*------------Ȧչʾ----------*/
#Circle .col_content .Circle{margin:10px;}
#Circle .col_content .Circle .member{float:right; text-align:right;}
#Circle .col_content .Circle .coverpic{float:left;}
#Circle .col_content .Circle .coverpic img{border:1px solid #ccc; padding:2px;}
#Circle .col_content .Circle .info{float:left;margin-left:10px;line-height:1.8em;}
#Circle .col_content .Circle .own{background:url(quanzhu.gif) 180px 5px no-repeat;}

/*----------------------*/
.filelist th{text-align:left;border-bottom:3px solid #ccc;}
.filelist td{border-bottom:1px solid #eee;}



.yuyan{float:right;margin-right:10px; background:#fff;padding:2px 10px;}

.tablestyle{margin-bottom:30px; background:#EBEFF1;}
.tablestyle td{background:#fff; text-align:center;line-height:2.5em}
.lefttd td{text-align:left;padding-left:10px;}
.tablestyle th{background:#C2CEDA;color:#fff;line-height:2em}

p{margin-top:0;}
.col .col_content .qlink a{border:3px outset #0099FF; background:#1C5BD0;padding:3px 20px;font-size:14px;color:#fff;}
.col .col_content .qlink a:hover{color:#fff;}
h4{margin-bottom:10px;}
.xieyi{width:510px; height:210px;line-height: 150%}}