@charset "utf-8";
/* 
 * Reset and Base
 */ 
html,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:#666;}
textarea,input,select{font-family:"Hiragino Sans GB","Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";font-size:12px;color:#666;}
a,button{cursor:pointer;} 
a{outline:0;star:expression(this.onFocus=this.blur());}
a,a:hover{text-decoration:none;}
.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,.hdimg img,.m-post .img img,.m-cstmimg img,.m-sch .txt{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
.hdimg:hover img,.m-post .img:hover img,.m-cstmimg a:hover img{opacity:.8;filter:alpha(opacity=80);}

/* all bg-imgs */
.info .date,.info .cmt,.info .hot{background:url(//imglf4.lf127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6Zithems5cTdnc0FxMU9iOWh4YzExaVhqS2RXTmhVcHBnPT0..png?imageView) no-repeat 0 0;_background-image:url(//imglf6.lf127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6VFdLMzU3UzRkbzFIWlE1NG53dm13MVgyZ3ZhTlpSaHdBPT0..png?imageView);}

/* 
 * Grid
 */
body{min-width:1350px;}  /* (500+15*2)+290=1350 > 800+80*2+290=1250 */
.g-doc{position:relative;overflow:hidden;}
.g-sd,.g-mn{padding-bottom:9999px;margin-bottom:-9999px;}
.g-sd{position:relative;float:left;width:250px;}
.g-sdc{padding:44px 30px;text-align:center;}
.g-mn{float:right;width:100%;margin-left:-250px;}
.g-mnc{padding:14px 0 0 290px;}
 
/* 
 * Modules
 */
/* sd */
.m-hdimg img{border:2px solid #95A153;padding:5px;width:128px;height:128px;vertical-align:middle;}
.m-hdimg img,.m-hdimg .ttl,.m-about .cont{margin-bottom:30px;}
.m-cstmimg img{max-width:190px;_width:190px;margin:0 auto 30px;vertical-align:middle;}

/* Nav */
.m-nav{}
.m-nav li{margin:7px 2px;}
.m-nav a,.m-sch .txt{display:block;padding:6px 12px;height:20px;background:#5c5852;border-bottom:1px solid #423F3A;background:rgba(255,255,255,0.1);border-bottom:1px solid rgba(0,0,0,0.4);line-height:20px;white-space:nowrap;}
.m-sch .txt{width:162px;border-width:0 0 1px;text-align:center;}

/* post list */
.m-postlst{}
.m-post{float:left;padding:30px 15px 0;width:500px;/*min-height:200px;_height:200px;*/}
.m-post .postinner,.m-postdtl,.m-pager-idx a{background:#fff;background:rgba(255,255,255,0.5);box-shadow:0 1px 1px rgba(0, 0, 0, 0.2);}
.m-post .ct{padding:20px;}
.m-post .ttl,.m-detail .ctc .ttl,.m-post .pic{margin:0 0 15px;}
.m-post .ttl a,.m-detail .ctc .ttl a{font-size:20px;}
.m-post img,.m-post object,.m-post embed{display:block;width:100%;}
.m-post .player object,.m-post .player embed{width:257px;}
.m-post-video .pic object,.m-post-video .pic embed{width:460px;height:288px;}
.m-post .thumbnail img,.m-post .cover img{float:right;width:160px;height:160px;margin:6px 0 10px 25px;}
.m-post .cover img{margin-top:0;}
/* types in <text> */
.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 #ccc;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:10px 20px;border-top:1px solid #EFEEEE;}
.info a{display:inline-block;margin-right:25px;color:#ccc;}
.info .date,.info .cmt,.info .hot{padding-left:25px;}
.info .date{background-position:0 3px;}
.info .cmt{background-position:0 -87px;}
.info .hot{background-position:0 -39px;}

/* post detail */
.m-postdtl{margin-top:30px;padding:80px;}
.m-detail{margin:0 0 40px;}
/* 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:500px;height:312px;}
.m-detail .cover img{float:left;width:200px;height:200px;margin:0 30px 10px 0;}
.m-detail img,.m-detail-video .pic,.m-detail .player{margin-bottom:20px;}
.m-detail img{vertical-align:middle;}
/* info */
.m-detail .info{margin:15px 0 5px;}

/* 以下代码只对有环绕需求的内容使用。副作用：导致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{font-size:20px;}
.m-pager-idx{padding:60px 0 20px 15px;line-height:56px;}
.m-pager-idx a,.m-pager-idx span{float:left;margin-right:50px;}
.m-pager-idx a{display:inline-block;padding:16px 18px;font-weight:bold;line-height:24px;}
.m-pager-idx a:hover{color:#fff;}
.m-pager-dtl .prev{float:left;}
.m-pager-dtl .next{float:right;}

/* copyright */
.m-cprt{margin:40px 0;}
.p-homepage .m-cprt{margin-left:15px;}
.m-cprt,.m-cprt a{color:#ccc;}
 
/* CC图标是放在公共文件夹里，引用图标的样式如下 */
.cc_1,.cc_2,.cc_3,.cc_4,.cc_5,.cc_6{height:23px;display:inline-block;background:url(//imglf6.lf127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6WTJsQkUrS0VWQk53akNTYjRaeXVyMmJoZlFaYXVxUGVRPT0..png?imageView) no-repeat left top;_background-image:url(//imglf4.lf127.net/img/WkQvdlZPMTN6ZEV2a1QzT0U1YzB6WTJsQkUrS0VWQk4vRGJFekFaYjk5cFZPSjJZNFZucE53PT0..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{margin-top:40px;}
.m-cmthot a,.m-cmthot a:hover{color:#ccc;}
.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:470px;}
.m-hot .note{list-style:none;margin:0;float:left;width:100%;padding:10px 0;border-top:1px solid #E9E9E9;}
.notes blockquote{padding: 0 0 0 15px;margin-left:30px;overflow:hidden;word-wrap:break-word;border-left:1px solid #ccc;}