@CHARSET "UTF-8";
/**
--------------------------------------------------------------
*   北京大学人文社会科学学院 网站样式
*   创建时间：2014.06.25
*   作者：liaocy
*	----------------------------------------------------------
*
*   框架：
*	1.头部[header]
*	2.主体[subnav + common + side]
*	3.底部[footer]
*
*	页面：
*	1.首页
*	2.栏目页
*	3.列表页
*	4.内容页
*	5.单页
*	----------------------------------------------------------
*
*   最大宽度: 1000px
*   最小高度：400px
*   背景色: #EEEEEE
*   前景色：#333333
*	链接：#666666 , #C77F7F
--------------------------------------------------------------
*/
html,body{background:#EEEEEE;padding:0;margin:0;height:100%;font:normal 12px/200% "Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体"; color:#222;}
a:link,a:visited,a:hover,a:active {text-decoration:none; cursor:pointer;}
img {border:none;margin:0;padding:0;}
ul,form,h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{border:none; outline:none; vertical-align:middle;}
li{list-style:none;}
table {border-collapse: collapse;}
hr{border: 1px dotted #CCC; border-width: 1px 0 0 0;}


.wrap {width:1000px; margin:0 auto;}
.clear {font-size:0;line-height:0px;width:100%;clear: both;}
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cl{zoom:1;}
.subnav {width:180px; float:left; background:#dcdcdc;}
.subnav .catname {text-align:center;}
.subnav .catname span {display:inline-block; padding:5px 20px; border-radius:0 0 4px 4px; font-size:14px; background:#9b0000; color:#FFF;}
.subnav .menu {margin:20px 0 20px 40px;}
.subnav .menu a {height:30px; line-height:30px; font-size:14px; color:#555;}
.subnav .menu a:hover, .subnav .menu a.cur {color:#7e0043; border-bottom:1px solid #7e0043;}
.common {width:800px; height:auto !important; height:400px; min-height:400px; padding-left:20px; background:#eee; float:left;}
.common .crumbs{height:30px; line-height:30px; padding:0 20px; background:#dcdcdc;}
.common .crumbs a{ color:#555;}
.gray {margin:20px auto; background:#DCDCDC;}

/*图片放大效果*/
.imgzoom_bg {width:100%; height:100%; position:fixed; top:0; left:0; z-index:11; background:#000; filter:alpha(opacity=80); opacity:0.8; text-indent:-9999px;}
.imgzoom_pic {padding:20px; background:#FFF; position:fixed; top:50%; left:50%; z-index:12;}
.imgzoom_pic .cancel {height:24px; line-height:24px;}
.imgzoom_pic .cancel span{display:block; width:20px; margin-top:-10px; height:20px; line-height:20px; border:2px solid #7d7d7d; border-radius:50%; text-align:center; color:#7d7d7d; background:#DDD; float:right; cursor:pointer;}


/*
*---------------------
* header 通用头部
*---------------------
*/
.top {padding:10px 0;}
.top .logo {width:520px; float:left;}
.top .search {width:460px; text-align:right; margin-left:20px; float:left;}
.top .search ul{margin-bottom:10px;}
.top .search li{display:inline;}
.top .search a{display:inline-block; *display:inline; zoom:1; padding:2px 5px; color:#666;}
.top .search .text{width:200px; height:24px; line-height:24px; padding:5px; *padding:3px 5px; border-radius:4px 0 0 4px;}
.top .search .submit {width:40px; height:34px; line-height:34px; margin-left:-5px; padding:0 5px; border-radius:0 4px 4px 0; background:#707070; color:#FFF;}
.header .bgbar {width:100%; height:25px; margin-bottom:1px; background:#7d7d7d url(../images/renwen/bgbar.png) no-repeat center;}

.nav {background:#707070;}
.nav .menu{width:111.111px; float:left;}
.nav .menu a, .nav .menu span {display:block; height:40px; line-height:40px; text-align:center; color:#FFF; font-size:16px; clear:both;}
.nav a:hover, .nav span:hover, .nav .on a, .nav .on span{height:39px; line-height:39px; border-bottom:1px solid #d54b44; background:#d2d2d2; color:#333; cursor:pointer;}
.nav .slave{ position:absolute; min-width:111.111px; padding-bottom:10px; background:#d2d2d2; border-radius:0 0 4px 4px; display:none;}
.nav .slave li{display:block; padding:0 16px 0 24px;}
.nav .slave a{height:34px; line-height:34px; border-bottom:1px solid #d2d2d2; color:#666; font-size:14px; text-align:left;}
.nav .slave a:hover {border-bottom:1px solid #d54b44;}




/*
*---------------------
*	index 首页部分
*---------------------
*/
.main .banner {width:1000px; height:340px; margin:5px 0;}
.index .box {display:block; width:305px; margin:20px 0 0 20px; float:left;}
.index .box h2{margin-bottom:5px;}
.index .box h2 a{display:block; border-bottom:1px solid #9b0000; color:#9b0000; font-size:14px;}
.index .box h2 a span{float:right; font-size:12px; font-weight:normal; cursor:pointer;}
.index .box li{height:30px; line-height:30px; border-bottom:1px dashed #ccc;}
.index .box li a{display:block; width:265px; color:#666; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; float:left;}
.index .box li span{display:block; width:40px; font-size:12px; color:#666; float:right;}
.index .box-l{width:350px; margin-left:0;}
.index .box-l li a{width:309px;}
.index .pic {position:relative;}
.index .pic a{float:left;}
.index .pic img{border:0;}
.index .pic div{position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; background:#000; filter:alpha(opacity=60); opacity:0.6; text-align:center; color:#FFF; z-index:11;}



/*
*---------------------
*	footer 通用底部
*---------------------
*/
.footer {padding:40px 0; margin-top:20px; color:#666; background:#dcdcdc;}
.footer .copy{width:420px; margin-left:78px; float:left;}
.footer .qr{float:left; margin-right:20px;}
.footer .copyright {width:120px; float:left; margin-right:10px;}
.footer ul{float:left; margin-left:70px;}
.footer li{height:25px; line-height:25px; border-bottom:1px dashed #ccc;}
.footer p{margin:3px 0;}
.footer a{color:#666;}
.footer a:hover{text-decoration:underline;}




/*
*------------------------------
*	category_works 学生作品栏目
*------------------------------
*/
.works .title{height:40px; font-weight: normal; margin: 20px 0; border-bottom: 2px solid #ccc; text-align:left;}
.works .title a{display:inline-block; *display: inline-block; zoom: 1; padding:10px 0; border-bottom: 2px solid #ccc; color:#222;}
.works .title span{display:inline-block; *display: inline-block; zoom: 1; height:20px; line-height:20px; padding:0 10px; font-size:16px;border-right:1px solid #9b0000;}
.works .title .on{border-color:#9B0000;}
.works .data .content{display:none;}
.works .data .on{display:block;}


/*
*---------------------
*	page 通用单页
*---------------------
*/
.title {font-size:18px; font-weight:normal; margin:20px 0; text-align:center; color:#c00;}
.title_red {height:40px; line-height:40px; font-weight:normal; margin:20px 0; border-bottom:2px solid #ccc;}
.title_red .more{height:20px; line-height:20px; font-size:14px; padding-top:20px; color:#666; float:right;}
.title_red span {display:inline-block; *display:inline; zoom:1; font-size:18px; border-bottom:2px solid #9b0000;}
.tips {text-align:center; margin-bottom:10px;}
.content {font-size:14px;}
.content img{ max-width:800px; cursor:pointer;}


/*
-----------------------
* list_category
*
-----------------------
*/
.list_category li{width:25%; float:left;}
.list_category li a{font-size:14px; color:#333;}
.list_category li a:hover{ color:#900;} 


/*
*---------------------
*	list 通用单页
*---------------------
*/
.list { width:540px; margin-right:20px; float:left;}
.list li{height:34px; line-height:34px; border-bottom:1px dashed #ccc;}
.list li span{width:70px; height:34px; line-height:34px; text-align:center; float:right;}
.list li a{display:block; width:470px; color:#666; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; float:left;}
.list li a:hover {color:#9b0000;}
.list_bg { width:240px; padding-top:60px; float:left;}
.list .list_teacher li{height:auto; line-height:180%; display:block; padding:10px 0; border-bottom:1px dashed #ccc; position:relative; clear:both;}
.list .list_teacher li a{display:block; padding-bottom:5px; color:#910029; font-size:16px;}
.list .list_teacher img {width:92px; margin-right:20px; float:left;}
.list .list_teacher .details{width:428px; float:left;}
.list .list_teacher p {margin:0;}
.list .list_teacher strong {font-size:14px;}
.list .list_teacher span{width:auto; height:25px; line-height:25px; position:absolute; right:10px; bottom:5px;}
.list .list_teacher span a{display:block; width:80px; font-size:12px; color:#222;}
.list .pages {height:25px; line-height:25px; padding-top:5px;}
.list .pages  a{display:inline-block; *display:inline; zoom:1; height:25px; padding:0 10px; color:#666;}
.list .pages .a1{background:#E2E2E2; border-radius:4px;}
.list .pages span{display:inline-block; *display:inline; zoom:1; padding:0 10px; color:#900;}

/*
*---------------------
*	show_teacher
*---------------------
*/
.teacher {margin:20px 0;}
.teacher img{width:184px; float:left;} 
.teacher .details{width:596px; margin-left:20px; float:left;} 
.teacher .details h2{font-size:16px; font-weight:normal; padding-bottom:5px; border-bottom:1px solid #9b0000;} 
.teacher .tab {display:block; width:100%; padding-top:20px; clear:both;}
.teacher .tab .menu{display:block; width:100%; border-bottom:1px solid #ccc;}
.teacher .tab li{display:inline-block; *display:inline; zoom:1; padding:2px 5px 2px 0;}
.teacher .tab a{color:#333;}
.teacher .tab .data {padding:10px 0; height:auto !important; height:400px; min-height:400px; display:none;}
.teacher .cur a{color:#800; font-weight:bold;}