﻿*{margin:0; padding:0; bordor:0; color:#454545; word-break:break-all;}
body{font-size:14px; font-family:Helvetica, Tahoma, Arial, "Microsoft YaHei", "微软雅黑", sans-serif;}
h1,h2,h3,h4,h5,h6,.bloggers .q-name,.item-head{font-family:tahoma, helvetica, 'microsoft yahei', arial;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img,div{display: block;}
a{text-decoration:none; color:#3fa7cb; cursor:pointer;}
a:hover{text-decoration:none; color:#3cbce7; -webkit-transition:color .8s linear,backgrond-color .8s linear; -moz-transition:color .8s linear,background-color .8s linear; -o-transition:color .8s linear,background-color .8s linear; -ms-transition:color .8s linear,background-color .8s linear; transition:color .8s linear,background-color .8s linear;}
img{border:none;}
ul{list-style-type:none;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{zoom:1;}
#customDoc{background:url(../images/bdimg.jpg) center top no-repeat fixed; background-color:#000000; background-size:cover;}
/* header start */
.header{width:100%; height:35px; line-height:35px; position:fixed; left:0; top:0; background:url(../images/header-bg.png) repeat-x left top; z-index:999; font-size:13px;}
.header{_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop));}
.header a{color:#454545;}
.header-box{width:980px; height:35px; line-height:35px; margin:0 auto;font-weight:bolder;}
.header-location{height:35px; line-height:35px; display:block; float:left;}
.header-location ul{height:35px; line-height:35px; display:block; float:left;}
.header-location ul li{height:35px; line-height:35px; float:left; display:inline-block;}
.header-location ul li a{height:33px; line-height:33px; text-align:center; display:inline-block; padding:0 5px;}
.header-location ul li a:hover{background:#fff; color:#000; opacity:.80; -moz-opacity:.80; filter:alpha(opacity=80); border-bottom:2px solid #009acd;}
.header-menu{width:400px;height:35px;line-height:35px;display:inline-block;padding-right:60px;float:right;}
.header-menu ul{line-height:35px;list-style-type:none;}
.header-menu ul li{width:90px;height:35px;float:left;}
.header-menu ul li a{width:90px;line-height:33px;text-align:center;display:inline-block;}
.header-menu ul li a:hover{background:#fff;color:#000;opacity:.65;-moz-opacity:.65;filter:alpha(opacity=65);border-bottom:2px solid #009acd;}
.header-menu ul li ul{display:none;}
.header-menu ul li ul li a{background:url(../images/header-bg.png) repeat-x left top;}
.header-menu ul li ul li ul{left:90px; top:-36px; position:relative;}
.header-search{width:220px; height:35px; line-height:35px; display:inline-block; float:right;}
.header-search form{width:210px; height:28px; line-height:28px; border:1px solid #888888; border-radius:3px; margin:3px auto;}
.header-search form input{width:150px; height:28px; line-height:28px; padding-left:4px; display:inline-block; background:transparent; border:0;}
.header-search input:focus{outline:0; background:transparent;}
.header-search form button{height:28px; width:50px; display:inline-block; float:right; cursor:pointer; text-align:center; border:0; padding:0; color:#888888; background:transparent; border-left:1px solid #888888; border-radius:0 3px 3px 0;}
.header-search button:hover{background:#888888; color:#FFFFFF; -webkit-transition:color .6s linear,backgrond-color .6s linear; -moz-transition:color .6s linear,background-color .6s linear; -o-transition:color .6s linear,background-color .6s linear; -ms-transition:color .6s linear,background-color .6s linear; transition:color .6s linear,background-color .6s linear;}
/* header end */

/* author start*/
.author{width:900px; height:90px; display:block; padding:50px 0 20px 80px; margin:0 auto;}
.author h1{width:680px; display:block; font-size:50px;}
.author h1 a{color:rgb(71,249,255); text-shadow:-2px 2px 4px #e7e5e6;}
.author h1 a:hover{color:rgb(66, 227, 233);}
.author p{color:rgb(71,249,255); margin-top:15px;}
/* author end*/

/* main start */
.main{width:980px; display:block; margin:0 auto;}
/* main-left start */
.main-left{margin:0 auto; float:left;}
.blogitem{line-height:24px; padding-left:80px;}
.blogitem .postdate{background:url(../images/list-tag-date.png) top left no-repeat; _background:url(../images/list-tag-date-ie6.png) top left no-repeat; position:relative; top:20px; left:-80px; width:80px; height:48px; color:#fff; text-align:right;}
.blogitem .postdate .q-day{color:#fff; 	font-size:20px; padding:2px 4px 0 0;}
.blogitem .postdate .q-month-year{color:#fff; font-size:12px; padding-right:4px;}
.blogitem .realcontent{width:620px; margin:0 0 -28px; border:1px solid #e7e5e6; background:#fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6; position:relative; top:-48px; padding:20px 0 0 0; z-index:10;}
.blogitem .realcontent .item-head{padding:0 20px 0 20px;}
.blogitem .realcontent .item-head a{font-size:20px; color:#333;}
.blogitem .realcontent .item-head a:hover{color:#3cbce7; -webkit-transition:color .15s linear,background-color .3s linear; -moz-transition:color .15s linear,background-color .3s linear; -o-transition:color .15s linear,background-color .3s linear; -ms-transition:color .15s linear,background-color .3s linear; transition:color .15s linear,background-color .3s linear; cursor:pointer;}
.blogitem .realcontent .item-content{padding:10px 20px 20px 20px; font-size:14px; width:580px; overflow:hidden;}
.blogitem .realcontent .item-content .q-imgbox img{max-width:580px;}
.blogitem .realcontent .item-content .q-summary{width:560px; font-size:14px; font-family:tahoma, helvetica, arial;}
.blogitem .realcontent .item-content .q-summary a{text-decoration:underline;}
.blogitem .realcontent .item-foot{padding:0 20px 15px 20px; font-size:12px;}
.blogitem .realcontent .item-foot a{color:#b5b5b5;}
.blogitem .realcontent .item-foot a:hover{color:#888;}
.blogitem .realcontent .item-foot span{color:#b5b5b5;}
.blogitem .realcontent .item-foot .box-main{width:580px; height:24px; display:block; overflow:hidden; text-align:right;}
.blogitem .realcontent .item-foot .box-act{float:right;}
.blogitem .realcontent .item-foot .box-tag{height:24px; display:block; overflow:hidden;}
.blogitem .realcontent .item-foot .box-tag a{line-height:16px; margin:2px 10px 20px 0; background:#f5f5f5; padding:3px; -webkit-border-radius:5px 5px; -moz-border-radius:5px 5px; border-radius:5px 5px; word-break:keep-all; word-wrap:normal;}
.pagerbar{background:#fff; padding:20px 0; text-align:center; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; font-size:12px; margin-left:80px; border:1px solid #e7e5e6; background:#fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6;}
.pagerbar a,.pagerbar span{padding:3px 8px; margin:0 5px 0 0; color:#454545;}
.pagerbar span{background:#3fa7cb; color:#fff; font-weight:bold;}
.pagerbar a{background:#f5f5f5; cursor:pointer;}
.pagerbar a:hover{background-color:#3fa7cb; color:#fff;}
.article{margin:0; float:left;}
.article .content{border:1px solid #dedede; border-top:2px solid #3fa7cb; padding:25px 20px; margin-left:80px; width:580px; background: #fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6;}
.article .content .content-head .content-date{float: right;color: #c5c5c5;font-size: 12px;font-family: Georgia,Tahoma,Helvetica,arial;}
.article .content .content-head .content-date span{margin-left: 10px;}
.article .content .content-head .content-title{font-size: 20px;color: #3a3a3a;font-weight: normal;margin-bottom: 20px;}
.article .content .content-text{width:580px;overflow: hidden;font-size: 14px;line-height: 180%;margin: 7px 0 10px 0;}
.article .content .content-text p{ margin-bottom:10px;}
.article .content .content-text img{ max-width:580px;height:auto; }
.article .content .content-text ul{padding-left:26px;list-style-type:disc;}
.article .content .content-text pre{ line-height:16px;white-space:pre-wrap;word-wrap:break-word;}
.article .content .content-tagbox a{background: #f5f5f5;color: #a0a0a0; font-size:12px;height: 12px;padding: 4px;border: 1px solid #F5F5F5;-moz-border-radius: 2px;-webkit-border-radius: 2px;-o-border-radius: 2px;border-radius: 2px;-moz-background-clip: padding;-webkit-background-clip: padding-box;background-clip: padding-box;margin: 0 10px 10px 0;line-height: 12px;display: inline-block;zoom: 1;white-space: nowrap;}
.article .content .content-tagbox a:hover{border: 1px solid #F5F5F5;color: #828282;}
.article .content .content-caution{ border:1px dashed #3fa7cb; height:70px; width:580px; background:url(../images/caution.jpg) no-repeat left top; margin-bottom:10px;}
.article .content .content-caution p{ margin:6px 0 0 110px;}
.article .content .content-footer{font-size:12px;}
.article .content .content-footer .op-box{float: right;}
.article .content .content-footer .op-box .pv{color: #3FA7CB;}
.article .content .content-footer .op-box span{color: #3FA7CB;}
.pre-next-name{background:#fff; width:620px; padding:5px 0; text-align:center; -webkit-user-select:none; -moz-user-select:none; -o-user-select:none; -ms-user-select:none; user-select:none; font-size:12px; margin-left:80px; border:1px solid #e7e5e6; background:#fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6;}
.pre-next-name .pre-name,.pre-next-name .next-name{ background:#f5f5f5; color:#fff; font-weight:bold; padding:4px 10px; max-width:272px; text-align:left;}
.pre-next-name .pre-name{ float:left; margin-left:10px;}
.pre-next-name .next-name{ float:right; margin-right:10px;}
.content-other{background:#fff; width:620px; padding:5px 0; margin-top:10px; font-size:14px; margin-left:80px; border:1px solid #e7e5e6; background:#fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6;}
.content-about{padding:10px 20px ;}
.content-about ul{display:inline-block; float:left; width:280px; margin-left:8px; list-style:none;}
.content-about ul h2{font-size:16px; color:#454545; margin-bottom:10px;}
.content-about ul h2 span{font-size:12px; color:#C9C9C9;}
.content-about ul li{padding-left:16px; line-height:20px;}
.content-comment{padding:20px;width:580px;}
.content-pager{margin-top:10px; width:620px; margin-left:80px;}
.content-pager .nav-pre a{width: 76px;height: 28px;display: inline-block;background: url(../images/pager_btn.png) -2px top no-repeat;background-position: -2px -38px;float: left;}
.content-pager .nav-pre a:hover{	background-position:-93px -38px;}
.content-pager .nav-next a{width: 76px;height: 28px;display: inline-block;background: url(../images/pager_btn.png) -2px top no-repeat;float: right;}
.content-pager .nav-next a:hover{background-position:-92px 0;}
/* main-left end */
/* main-right start */
.main-right{width:240px; display:block; float:right; border:1px solid #e7e5e6; border-top:2px solid #3fa7cb; background:#fff; -webkit-box-shadow:2px 2px 10px #e7e5e6; -moz-box-shadow:2px 2px 10px #e7e5e6; box-shadow:2px 2px 10px #e7e5e6;}
.main-right a{padding:1px 2px;}
.main-right a:hover{color:#fff; background-color:#3fa7cb; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.main-right ul{list-style:none; font-size:12px;}
.main-right ul li{list-style:none; font-size:12px; margin-bottom:3px;}
.notice-board{padding:10px 20px 10px 20px; background:url(../images/boardimg1.jpg) no-repeat left top;}
.notice-board p{padding:55px 10px 0 10px; font-size:14px; font-family: "Microsoft YaHei", "微软雅黑", sans-serif;}
.bloggers{padding:28px 20px 0 20px; background:url(../images/boardimg2.jpg) no-repeat left top; border-bottom:1px dotted rgb(199, 199, 199);}
.bloggers div{margin:8px auto; font-size:12px;}
.bloggers .bloggers-icon{width:200px; height:200px; margin:0; border:1px solid #969696;background: url(../images/author-main.jpg) center top no-repeat;}
.bloggers .q-name{padding:4px 0 0 0; margin:4px 0; font-size:16px;}
.bloggers .q-fans span{font-weight:bold; color:rgb(246, 111, 111);}
.bloggers .q-btn{margin-left:-2px; display:block; height:30px; line-height:30px;}
.bloggers .q-btn a{background:url(../images/btn_follow.png) -2px -1px no-repeat; text-indent:-9999em; display:block; width:71px; height:32px;}
.bloggers .q-btn a:hover{background-position:-2px -44px;}
.bloggers-box a{display:inline-block; margin-bottom:5px;}
.bloggers-tlink a{display:inline-block; border:1px solid #3fa7cb;}
.bloggers-tlink a:hover{border:2px solid #0099FF;;}
.rightype{padding:10px 20px; border-bottom:1px dotted rgb(199, 199, 199);}
.rightype h2{font-size:14px; color:#454545; margin-bottom:10px;}
.rightype ul li{width:98px; display:inline-block;}
.hotartile{padding:10px 20px; border-bottom:1px dotted rgb(199, 199, 199);}
.hotartile h2{font-size:14px; color:#454545; margin-bottom:10px;}
.rightpic{padding:10px 20px; border-bottom:1px dotted rgb(199, 199, 199);}
.rightpic h2{font-size:14px; color:#454545; margin-bottom:10px;}
.rightpic ul li{float:left; margin:2px 3px; height:60px; width:60px;}
.rightpic ul li a{padding:0px;}
.recent-person{padding:10px 20px; border-bottom:1px dotted rgb(199, 199, 199);}
.recent-person h2{font-size:14px; color:#454545; margin-bottom:10px;}
.recent-person .ds-avatar{float:left; margin:2px 3px; height:42px; width:42px;}
.recent-person .ds-avatar a{padding:0;}
.recent-person .ds-avatar img{padding:0px;}
.taglist{padding:10px 20px; border-bottom:1px dotted rgb(199, 199, 199);}
.taglist ul li{float:left; font-size:12px; line-height:26px; padding:0 2px; display:inline-block;}
.taglist ul li .q-icon{display:block; float:left; height:14px; width:14px; padding:6px 4px; background:url(../images/right-tag.png) no-repeat 4px -10px;}
.taglist ul li a{color:#454545;}
.flinks{padding:10px 20px;}
.flinks h2{font-size:14px; color:#454545; margin-bottom:10px;}
/* main-right end */
/* main end */

/* footer start */
.footer{width:980px; display:block; margin:10px auto; padding:10px 0px;}
.footer p{text-align:center; margin-top:5px; color:#000000; font-size:12px;}
/* footer end */
/*.back2top-icon-real{background:url(../images/backtop.png) no-repeat -70px top; width:57px; height:57px; overflow:hidden; position:absolute; opacity:0.6;}*/

#gallery-1 img{padding:4px;}