@charset "utf-8";
/* 
 * Reset and Base
 */ 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
caption,th{text-align:left;} 
fieldset,img,a img,iframe,html,body{border:0;} 
li{list-style:none;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
h1,h2,h3,h4,h5,h6,em{font-size:100%;font-weight:normal;} 
b,strong{font-style:normal;font-size:100%;font-weight:bold;} 
abbr,acronym{border:0;font-variant:normal;} 
sup{vertical-align:text-top;} 
sub{vertical-align:text-bottom;} 
del,ins{text-decoration:none;} 
[hidefocus]{outline:0;} 
textarea,input,button,select{font-size:inherit;line-height:inherit;color:inherit;font-family:inherit;outline:0;} 
textarea{overflow:auto;resize:none;} 
body{word-wrap:break-word;font:12px/200% "Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";color:#868686;}
textarea,input,select{font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";font-size:12px;color:#868686;}
a,button{cursor:pointer;} 
a{outline:0;star:expression(this.onFocus=this.blur());}
a,a:hover{color:#868686;text-decoration:none;}
a:hover{color:#9d9d9d;}
.f-cb{clear:both;padding:0;margin:0;font-size:0;line-height:0;height:0;}
.box:after{clear:both;display:block;visibility:hidden;height:0;overflow:hidden;content:'.';}
.box{zoom:1;}
a,.m-sch .txt{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.m-post{-webkit-transition:box-shadow .3s ease;-moz-transition:box-shadow .3s ease;-o-transition:box-shadow .3s ease;transition:box-shadow .3s ease;}
.m-sch a{-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;}

/* all bg-imgs */
body{background:#1B1B1B url(//imglf6.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6ZEhSWjUzWVNBcitUYmpNb2ZLcVo0TFhuL2cxL3d4WGF3PT0..jpg?imageView) repeat fixed 0 0;}
.g-hd0{background:url(//imglf4.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6VWNHWHV1b3k0UkdEa1hxY1FYUGt5Y3NxWGtWUVdXZnlnPT0..png?imageView) repeat-x scroll 0 0;_background-image:url(//imglf3.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6U3lpYzg0M1BkNkxhYytTU2dXQjZ0Yngzbjd6ZDVTUVRRPT0..png?imageView);}
.m-nav,.m-pager-idx{background:url(//imglf4.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6WHIvTnhyNTlhMjBrdGFEU1FiWWU4cFF0YnV1ejBUOEhBPT0..jpg?imageView) repeat-x scroll left bottom;}
.info .date,.info .cmt,.info .hot{background:url(//imglf6.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6VWNHWHV1b3k0UkcrYk9rQU1sVjhBQjN3VDdSWmZFK2lRPT0..png?imageView) no-repeat scroll 0 0;_background-image:url(//imglf5.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6UlExenBBb3U3UTY2OHFjbnVkR2ROZTRDdGdkMDBzVGp3PT0..png?imageView);}

/* 
 * Grid
 */
body{min-width:960px;}  /* 430*2+50*2=960px */
.g-doc{*overflow-x:hidden;}
.g-hd0,.g-hd1,.g-ft,.m-pager-idx{padding:40px 0;text-align:center;}
.g-hd0{padding:0;height:65px;}
.g-hd1,.m-pager-idx{width:800px;margin:0 auto;}

/* 
 * Modules
 */
/* hd */
.m-ttl,.m-about{text-shadow:0 0 1px #000;}
.m-ttl{font-size:28px;line-height:63px;}
.m-about{font-style:italic;}
.m-nav{margin:20px 0 0;padding-bottom:40px;}
.m-nav li,.m-nav a{display:inline-block;*display:inline;*zoom:1;}
.m-nav li{margin:3px 10px;}
.m-nav a{white-space:nowrap;}
.m-sch{position:relative;}
.m-schshow{width:100px;}
.m-sch a{position:relative;z-index:1;}
.m-sch .form{position:absolute;left:0;top:0;}
.m-sch .txt{width:0;visibility:hidden;height:22px;border:1px solid #868686;padding:0 10px;background:none;line-height:22px;}
.m-schshow .txt{width:78px;visibility:visible;}

/* post list */
.m-postlst{margin:0 auto;}
.m-post,.m-detail,.m-pager a,.m-cmthot{background:#323232;background:rgba(255, 255, 255, 0.05);box-shadow:0 1px 2px 0 rgba(0, 0, 0, 0.8);}
.m-post{/*float:left;*/width:400px;margin:0 15px 40px;overflow:hidden;}
.m-post:hover{background:rgba(255, 255, 255, 0.06);box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.9);}
.m-post .pic img,.m-post .pic object,.m-post .pic embed{width:100%;}
/*.m-post-video .pic object,.m-post-video .pic embed{width:400px;height:250px;}*/
.m-post-audio .player object,.m-post-audio .player embed,.m-post img,.m-detail img{vertical-align:middle;}
.m-post .text{padding:0 20px;}
.m-post .ttl,.m-detail .ttl{margin:0 0 15px;font-size:18px;}
.m-post-txt .ctc,.m-post-audio-nocvr .ctc/*,.m-post-video .ctc*/{padding:20px 20px 0;}
.m-post-txt .text,.m-post-audio-nocvr .text/*,.m-post-video .text*/{padding:0;}
.m-post-audio-wtcvr .player{margin:0 20px;}
.m-post img,.m-post-video .pic,.m-post .player,.m-post .text{margin-bottom:15px;}
/* types in <text> */
.m-post .text a,.m-post .text a:hover,.m-detail .ctc a,.m-detail .ctc a:hover{text-decoration:underline;}
.m-post .text ul,.m-post .text ol,.m-detail .ctc ul,.m-detail .ctc ol{padding:0 0 0 25px;}
.m-post .text ul li,.m-detail .ctc ul li{list-style:disc outside;}
.m-post .text ol li,.m-detail .ctc ol li{list-style:decimal outside;}
.m-post .text blockquote,.m-detail .ctc blockquote{border-left:solid 1px #ddd;padding-left:10px;}
.m-post .text p,.m-post .text ul,.m-post .text ol,.m-post .text blockquote,.m-detail .ctc p,.m-detail .ctc ul,.m-detail .ctc ol,.m-detail .ctc blockquote,.m-detail .ctc .text,.m-detail .ctc .digest{margin:0 0 20px;} 
.m-post .text img,.m-post .text object,.m-post .text embed,.m-detail img,.m-detail object,.m-detail embed{max-width:100% !important;_width:100%;}
.m-post .text object,.m-post .text embed,.m-detail object,.m-detail embed{*width:100%;}
/* info */
.m-post .info{padding:0 20px 15px;}
.m-detail .info{padding:15px 0 0;}
.info a{display:inline-block;margin-right:20px;}
.info .date,.info .cmt,.info .hot{padding-left:25px;}
.info .date{background-position:0 4px;}
.info .cmt{background-position:0 -87px;}
.info .hot{background-position:0 -40px;}

/* post detail */
.m-postdtl{width:800px;margin:0 auto;}
.m-detail{padding:50px;margin:0 0 40px;}
.m-detail .ctc .img,.m-detail .ctc .img:hover,.m-detail .ctc .ttl a,.m-detail .ctc .ttl a:hover{text-decoration:none;}
/* Multimedias of posts */
.m-detail-audio .player object,.m-detail-audio .player embed{width:257px;vertical-align:middle;}
.m-detail-video .pic object,.m-detail-video .pic embed{display:block;width:700px;height:438px;}
.m-detail .cover img,.m-detail .thumbnail img{float:left;width:200px;height:200px;margin:0 30px 10px 0;}
.m-detail .thumbnail img{margin-top:6px;}
.m-detail img,.m-detail-video .pic,.m-detail .player{margin-bottom:20px;}

/* 以下代码只对有环绕需求的内容使用。副作用：导致ul和ol的每一个li只有一行(ie10) */
.ie10 .m-post-leftimg .text ul,
.ie10 .m-post-leftimg .text ol,
.ie10 .m-detail-leftimg .text ul,
.ie10 .m-detail-leftimg .text ol{padding-left:0;}
.ie10 .m-post-leftimg .text ul li,
.ie10 .m-detail-leftimg .text ul li{list-style:disc inside none;}
.ie10 .m-post-leftimg .text ol li,
.ie10 .m-detail-leftimg .text ol li{list-style:decimal inside none;}
.ie10 .m-post-leftimg .text ul li p,
.ie10 .m-post-leftimg .text ol li p,
.ie10 .m-detail-leftimg .text ul li p,
.ie10 .m-detail-leftimg .text ol li p{vertical-align:bottom;*vertical-align:baseline;display:-moz-inline-box;display:inline-block;*display:inline;zoom:1;margin:0;}
.ie10 .m-post-leftimg .text ul li,
.ie10 .m-post-leftimg .text ol li,
.ie10 .m-detail-leftimg .text ul li,
.ie10 .m-detail-leftimg .text ol li{overflow:hidden;height:27px;line-height:27px;padding-left:2px;}
.ie10 .m-post-leftimg .text ul li p,
.ie10 .m-post-leftimg .text ol li p,
.ie10 .m-detail-leftimg .text ul li p,
.ie10 .m-detail-leftimg .text ol li p{overflow:hidden;width:90%;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;word-break:keep-all;}

/* Pager & Top */
.m-pager{height:60px;text-align:center;}
.m-pager-idx{background-position:left top;}
.m-pager-dtl{margin:0 0 40px;}
.m-pager a{display:inline-block;padding:24px;line-height:12px;}
.m-pager a:hover{background:rgba(255, 255, 255, 0.1);color:#fff;}
.m-pager-idx a,.m-pager-idx span{margin:0 20px;}
.m-pager-idx span{display:inline-block;line-height:60px;vertical-align:top;}
.m-pager-dtl .prev{float:left;}
.m-pager-dtl .next{float:right;}
/* copyright */

/* CC图标是放在公共文件夹里，引用图标的样式如下 */
.cc_1,.cc_2,.cc_3,.cc_4,.cc_5,.cc_6{height:23px;display:inline-block;background:url(//imglf4.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6V2lmMXU3TVNoamIrRkF2dmw0bjBlWE4rcWFicUk3RkFRPT0..png?imageView) no-repeat left top;_background-image:url(//imglf6.nosdn.127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6UmNFV3NrSmorUGxRRW8zTlR6d1B2MFQzNjgwT25FMEFRPT0..png?imageView);}
.cc_1{width:48px;background-position:0 5px;}
.cc_2{width:48px;background-position:-55px -19px;}
.cc_3{width:32px;background-position:0 -43px;}
.cc_4{width:32px;background-position:-70px -66px;}
.cc_5{width:32px;background-position:0 -90px;}
.cc_6{width:14px;background-position:-87px -113px;}

/* cmt & hot */
.m-cmthot{padding:50px;}
.m-cmthot a:hover{text-decoration:underline;}
.m-cmthot .nctitle{margin-bottom:8px;}
.m-cmt,.m-hot{padding:10px 0;}
.m-hot .avatar{float:left;width:20px;height:20px;border:0;margin:0;}
.notes{margin:0;padding:0;line-height:20px;font-size:12px;zoom:1;}
.notes:after{clear:both;content:'.';display:block;height:0;visibility:hidden;overflow:hidden;}
.notes .clear{clear:both;height:0;overflow:hidden;}
.m-hot .action{float:right;width:670px;}
.m-hot .note{list-style:none;margin:0;float:left;width:100%;padding:10px 0;border-top:1px solid #666;}
.notes blockquote{padding: 0 0 0 15px;margin-left:30px;overflow:hidden;word-wrap:break-word;border-left:1px solid #868686;}