@import url(./reset.css);
html, body {
    background: none repeat scroll 0 0 #eef2fb;
    font-family: MicrosoftYaHei,'微软雅黑',Arial,Tahoma,Helvetica,Georgia,Sans-serif,'STXihei',Hei,'Hiragino Kaku Gothic Pro',SimSun;
    font-size: 12px;
    margin: 0;
    padding: 0;
    text-align: center;
}

a {color: #000;}
/* banner */
.navs {
    background: url("../img/pub_header.jpg") no-repeat scroll right top;
    height: 132px;
}

.wraps {
    background-color: #fff;
    margin: 0 auto;
    overflow: hidden;
    width: 1040px;
}
.star-rating{
    list-style:none;
    margin: 0 10px 0 0;
    padding:0;
    width: 80px;
    height: 16px;
    position: relative;
    background: url("../../default/images/star_rating2.gif") top left repeat-x;
}
.title_p{
    width:550px;
    text-align:left;
    white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow: hidden;
}
#sidebar .adr .star-rating{margin-left:10px;}
.star-rating li{ padding:0px;margin:0px; float: left;}
.star-rating li a{display:block; width:16px;height: 16px;text-decoration: none;text-indent: -9000px; z-index: 20;position: absolute; padding: 0px;}
.star-rating li a:hover{
    background: url("../../default/images/star_rating3.png") left center;
    z-index: 2;
    left: 0px;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:16px;
}
.star-rating a.two-stars{
    left:16px;
}
.star-rating a.two-stars:hover{
    width: 32px;
}
.star-rating a.three-stars{
    left: 32px;
}
.star-rating a.three-stars:hover{
    width: 48px;
}
.star-rating a.four-stars{
    left: 48px;
}
.star-rating a.four-stars:hover{
    width: 64px;
}
.star-rating a.five-stars{
    left: 64px;
}
.star-rating a.five-stars:hover{
    width: 80px;
}
.star-rating li.current-rating{
    background: url("../../default/images/star_rating1.png") left bottom;
    position: absolute;
    height: 16px;
    /*width:48px;*/
    display: block;
    text-indent: -9000px;
    z-index: 1;
}
.star-rating li.current-rating1{
    background: url("../../default/images/star_rating2.gif") left bottom;
    position: absolute;
    height: 16px;
    width:48px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}
.preaddmssage span em a{font-size:12px;padding:0 10px 0 0;}
.wraps .videocontent{overflow:hidden;zoom:1; background: url("../imagetheol/info_content_bg.jpg") repeat-x scroll 0 0 #ffffff;}
#sidebar{float:left;width:720px;}
#rightbar{float:right;width:280px;padding:43px 0 0 0;}

div.adr{
    line-height:36px;color:#043D79;letter-spacing:1px;font-size:14px;font-weight:bold;background:url(../imagetheol/artitle_bg.gif) no-repeat 5px 12px;padding:0 10px 0 22px;
}
.wraps .videocontent .adr{margin:0 5px;color:#000;background:none;padding:0;border:none;overflow:hidden;zoom:1;}
.wraps .videocontent .adr h1{height:36px;}
.wraps .videocontent .adr h1 p{font-size:14px;font-weight:bold;line-height:36px;float:left;padding:0 10px 0 20px;background:url(../imagetheol/artitle_bg.gif) no-repeat scroll 5px 14px;color:#043D79;font-size:14px;font-weight:bold;}
.wraps .videocontent .adr p{clear:both;line-height:20px;color:#000;font-weight:normal;font-size:12px;}
.wraps .videocontent .adr span{color:#043D79;padding:0 5px 0 0;line-height:20px;}
.wraps .videocontent .adr ul{border-bottom:1px solid #CCC;}
 #sidebar .star-rating{float:left;background:none;display:inline;margin-top:10px;border-bottom:none;text-align:left;}

.wraps .videocontent .adr ul.visitor{padding:0 0 10px 25px;text-align:left;}
.wraps .videocontent .adr ul.visitor li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;height:20px;background:url("../imagetheol/user.png") no-repeat scroll;padding: 0 0 0 18px;}
.wraps .videocontent .adr ul.visitor li p{padding:0 5px;}

 #newVictor{border-bottom:1px solid #ccc;text-align:left;}
 #newuser{text-align: left;margin:0;overflow:hidden;zoom:1;width:100%;border:none;}
 #newuser li{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;background:url("../imagetheol/user.png") no-repeat 5px 5px;width:90%;vertical-align:top;}
 #newuser li p{clear: both;color: #000;font-weight: normal;font-size: 12px;padding:3px 5px 3px 20px;line-height:18px;word-wrap:break-word;}
.wraps .videocontent .adr ul.relate-resources{padding:0 0 10px 0;text-align:left;}
.wraps .videocontent .adr ul.relate-resources li{line-height:24px;background:url(../imagetheol/articlelia_bg.gif) no-repeat 0 11px;padding:0 0 0 10px;}
.wraps .videocontent .adr ul.relate-resources li a{font-size:12px;font-weight:normal;line-height:24px;text-decoration:none;}
.wraps .videocontent .adr ul.relate-resources li a:hover{color:#069;}

#sidebar .sharecount{margin:0 0 15px 2px;width:auto;overflow:hidden;zoom:1;padding:10px;border:1px solid #CCC;background:#F5F5F5;line-height:24px;}
#sidebar .sharecount .jiathis_style{margin-top:4px;}
#sidebar .sharecount p{float:left;padding:0 0 0 5px;line-height:24px;}
#sidebar .sharecount p a{float:left;display:inline;margin-right:5px;}

#evaluate{overflow:hidden;zoom:1;border-bottom:1px solid #CCC;padding:5px 0;margin:0 5px;text-align:left;}
#evaluate .star-rattile{float:left;padding:0 10px 0 20px;background:url(../imagetheol/artitle_bg.gif) no-repeat scroll 5px 6px;color:#043d79;font-size:14px;font-weight:bold;}
#evaluate .star-rating{float:left;}

/*分享评论*/
div.sharecount span {float: left;}
.Properties {
    background: url("../image/coin/ocw_1.gif") no-repeat scroll 0 0;
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    text-indent: 24px;
    width: 64px;
}
.Properties:hover {
    text-decoration: none !important;
}
.Resources:hover {
    text-decoration: none !important;
}
.download:hover {
    text-decoration: none !important;
}
.download {
    background: url("../image/coin/ocw_5.gif") no-repeat scroll 0 0;
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    text-indent: 24px;
    width: 64px;
}
.library {
    background: url("../image/coin/ocw_4.gif") no-repeat scroll 0 0;
    display: block;
    height: 24px;
    line-height: 24px;
    margin: 0 auto;
    text-align: center;
    text-decoration: none !important;
    text-indent: 22px;
    width: 64px;
}
.library:hover {
    text-decoration: none !important;
}
.adr .text{float:left; display: inline; margin-left: 5px;}
.adr .viewsource{float: right; display: inline;margin-right:5px;padding: 5px 10px 0 0;}
div.sharecount span { float: left;}
div.jiathis_style { float: left;}

#tagName{
    background:none;border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #666;
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
    outline: medium none;
    text-align: left;
    vertical-align: middle;
}
.button-lifelong {
    background: none repeat scroll 0 0 #f5f5f5;
    border: 1px solid #bbb;
    border-radius: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #666;
    cursor: pointer;
    font-size: 12px;
    line-height: 20px;
    margin: 0 auto;
    outline: medium none;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle;
}
#mark{margin:0 10px;text-align:left;}
.tagdiv{float:left;display:inline;line-height:20px;margin:3px;padding:2px;background:#D9EDF7;border:1px solid #BCE8F1;font-size:12px;font-weight:normal;color:#999;}
.tagdiv a{font-size:12px;font-weight:normal;}
.tagdiv .tagediv-title{color:#31708F;}
.tagdiv .tagdiv-delete{display:none;}

 #footer {
    background: url("../imagetheol/foot_bg.jpg") repeat-x scroll left bottom #115e9d;
    border-top: 1px solid #417fb1;
    color: #fff;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 46px;
    text-align: center;
    margin:0 auto;
    width:1040px;
}
div.page {
    padding: 10px 0;
    overflow: hidden;
}

div.page table {
    float: right;
    letter-spacing: 1px;
}

div.page table td {
    padding-right: 4px;
    height: 20px;
    line-height: 20px;
}

div.page table .sum {
    color: #990000;
}

div.page table .first, div.page table .end {
    display: inline-block;
    background: url(../img/page_btn.jpg) no-repeat;
    width: 48px;
    height: 20px;
    color: #006699;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
}

div.page table .prev, div.page table .next {
    display: inline-block;
    width: 58px;
    height: 20px;
    color: #006699;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
}

div.page table .prev {
    background: url(../img/page_prev.jpg) no-repeat;
}

div.page table .next {
    background: url(../img/page_next.jpg) no-repeat;
}
div.commentsview{
    margin: 0 0 0 20px;
}
div.commentsview table{width:100%;}
div.commentsview table tr td{
    line-height:25px;
    text-align:left;
    *border-bottom:1px dotted #CCC;
}
div.commentsview table tr.commentsview-li{
    border-bottom:1px dotted #CCC;

}
div.commentsview table tr td div.left_top{
    float:right;
    color:#666666;
}
div.commentsview table tr td div.left_top span{
    color:#069;
}
div.commentsview table tr td div.right_top{
    float:right;
    display:inline;
    margin:5px 5px 0 0;
}
div.commentsview table tr td div.right_top a{
    background:url(../../common/image/coin/coin_4.gif) no-repeat left center;
    display:block;
    height:15px;
    width:14px;
}
#footer a{color:#fff;text-decoration:none;}
.res_con{border:1px solid #ccc;margin:0 0 2px 2px;min-height:200px;text-align:left; padding:5px;max-height:600px; word-wrap: break-word;overflow: auto;}

.moc-adr{
    text-align: left;
}

#jiathis_weixin_modal{left: 77% !important;}

/***************************************增加资源显示（三级页面）的宽度 此处的代码覆盖上面代码的属性，删除即还原**********************************************/

.wraps{
    width: 1280px;
    margin: 0 auto;
    background: url(../img/thirhead_bg.jpg) repeat-x 0 0;
}
.navs{
    background: url("../img/pub_header.jpg") no-repeat scroll left top;
}
#sidebar{
    width: 1024px;    
}
#rightbar{
    width: 230px;
}
.wraps .videocontent .adr{
    margin: 10px 5px 0 5px;
}
.wraps .videocontent .adr h1 p{
    font-size: 16px;
}
#evaluate .star-rattile{
    font-size:16px;
}
.classicLookPagingTag{
    width: 700px !important;
}
.textareacontent{
    text-align: left;
}
.textareacontent textarea{
    width: 1000px;
}
#footer{
    width: 1280px;
    line-height: 24px;
    padding: 20px 0;
}
.commentsview{
    padding: 0 0 20px 0;
}
#tagName{
    width: 119px;
}