/* 内容页通用结构 */
.pageContent { padding: 20px 15px 10px; }
.content_title { text-align: left; font-size: 2em; line-height: 1.2em; font-weight: bold; }
.content_info { width: 100%; padding: 12px 0 16px 0; margin-bottom: 19px; border-bottom: 1px solid #E0E3E6; font-size: 1.2em; }
.content_info span { display: inline; padding: 5px; color: #70747A }
.content_info_comment a { color: #0D74AD; font-weight: bold; }
.content_info_comment em { font-style: normal; }
    @media all and (min-width: 600px) {
        .content_title,
        .content_info { text-align: center }
    }
.content_main { padding-bottom: 10px; }
.content_main p { margin: 15px 0; text-align: left; font-size: 1.8em; line-height: 1.6em; word-break : break-all; }
.cateBtn { margin: 10px auto; }
.cateBtn .comment_count { color: #c00; }
.content_main img { border: solid 1px #cccccc; display: block; margin: 0 auto; max-width: 100%; width: 70%; height: auto !important; }

/* 文章内容图片缩小显示 */
.postContent .picWrap { width: 70%; max-width: 462px; margin: 0 auto; position: relative; }
.postContent .picWrap img { width: auto !important;}
.postContent .picWrap:after { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAADQ0lEQVR42qVWW0iTYRieJWQF3VSXXXWhUAgSdKCIKKJQKaSU6EBBQWKEEEF0k14UgjqKSdQKkUBGTWsZBF2MzVOeNTPMaMqktXCb7uTGDjq/3udjn+3f/v+31Qsv2/d+7+F7z79GswY4HI6NS0tLpxKJRD3hM8K+5G896LjX/CtEo9F8UtS2srIyx1SA7l3E1x6LxQqyMkBC+lRFC32DbFrbxL7V1rHRC9f4L86gp8Ly8vJzEs9RVW632/PIwBv+wkSC/XrdwXqPFDPL7n2KiHvwgR8Qj8c7nE7nJjUP2sAY88zzF6spT0fwQw5AuTKVl5evVwxR3Otj/cVnsjIgEHKQT3rUXFNTs06SZBGiT1dvyCoYKK1gn6tusb4TZaqGIC9C53K5CldzRF68BBGxTRcaLDvPAhOTkgT7hsdUjUEPD3ssZiJvcjVWqzVXePHxaKmEGee4P8CraPD0OU4bOnuJ+UfHWdTlZj0Hj8sagZzwprW1dYuGknQSBwimMzsMRhb56WSdew5L6FAOIzMPHyt6A30At9tdgVDdx2FG9ySDMTg5xX68MMgqwQPmu3oVjUAfYHFxsUlDHWvC4Uv1nczXjE9wZUpx91i6FY1AHyAcDpvhiQUHuaqa1bfIxl7kylb/SLXKAJFIZEjVExH70PdpLgTl45XVLGyf5QhaZ9GhtTyxwJM6nhOFJELxQk+/pITdZiv7ereWJeJxfpdeGDwnpA/g9XqbUV0lStWVit37j7Hhisusa+8Rfp57/0HSN4KeXl00D6+r9okaWgsPSAx5B4Zl+0Sv1+/kHU8j+hUIzjZTVrMKhiCDsE3cvL1KBy1ZvubGxsZt3Ai1/y7hzdiVyqwHI6aA+A954cXIyEgJjZU/Yx8LR0xhDMP/ncJ+v9+k0+m289mVAjk0nvnCQg9k6xH4IQcIBoNdWq12BxnIy9iUNpttAxlqF6FDbP9mM4JPhIg8sBoMhoKGhobNkn2SCthoWDhyO37q3gNexviV2/EIETyAAdnNmAp4AU3PIiqId9RH82pfK3TvoyqyIMnJHOQpeiADOUia2Wze6vF4LpKip6FQCJ8+k4FA4K3P52uhRqsyGo35KFNUUTLJGV8rvwEx3sQFIsxVBQAAAABJRU5ErkJggg==) no-repeat; position: absolute; right: -10px; bottom: -10px; content: ""; width: 25px; height: 25px; }
.postContent .picWrap.open { width: 90%; max-width: 90%;}
.postContent .picWrap.open:after { display: none; }

/* 相关文章*/
.related h3 { height: 34px; line-height: 34px; background: #efefef; border-top: solid 1px #fff; border-bottom: solid 1px #e0e3e6; }
.related h3 span { color:#80848a; float: left; font-size: 1.3em; padding-left: 35px; font-weight: 600;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAaCAYAAACzdqxAAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNpiXL95OwMa+M9AGDBC6fYAH49KbAqY/v//z0ABrgA6rAWrwQyUg2pshoNcDAOUuLx63aZtjdQMCmRct3bj1kZaGAw2fM2GLXUgg1lAAuSC0EDf5ViEr4CTzco1G/+jJSFSkhtDWLAfdgXLV68nx2C8ICIkgJGioMAHWP7/o5XBtHLxv///hlxQ/KNVUIymiiGcKuhkcEZqwnJqGMw4beY89NKNJJCZlojd4Kkz5lIlLLLSkxipXUtjdzEwjJdRyawoZA5AgAEAVk401kiIcncAAAAASUVORK5CYII=) 15px 10px no-repeat; background-size: 11px 13px; }
.related ul { padding: 1% 2% 2%; }
.related li { height: 43px; border-bottom: #e0e3e6 1px dashed; line-height: 43px; text-indent: 5px; padding-right: 20px; max-width: 100%; text-overflow: ellipsis; white-space:nowrap !important; white-space:normal; overflow:hidden; font-size: 1.5em;
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQxJREFUeNq81bEKwjAQBuAYfIWCr1BB8AHcnHwAQXB3Kjh16iQ4uQqCLyAITi5OBQWfoR1dXZ2EguAdNBBKmqb0Lgc/tLnAR2ia9LIsE1qtIGvIFPIWDhWGoWhTUnuOIEfIEJJCBoKhFBhD9to4G4pgAtkZeiwogmNLnxxFcAG5OKABFfhzRO8UqNo03lD9t1DomROVlXdEl5yoNIyxorJm3BVN8zwPKEAdPVnmjNqisqGP6LNhzgvyoQLxQD9Y+lfIHG6MggKMKgd6Z8wGxi4YpKDYpXHN7dEZM4EJJ1YFEdtyYjq48YFh9Uso8YGpFU58YQqcQR4+MAV+DSgLpr6h0NBbeS6yYFh/AQYAVORSlGiuGqAAAAAASUVORK5CYII=) right 15px no-repeat; background-size: 14px 13px; }
.related li.touchOn { background-color: #e8e8e8; }
.related li.noData { background: none; color: #999; }

/* 图片内容页 */
.picContent {  }
.picContent .picWrap { text-align: center; margin-bottom: 10px; }
.picContent .picWrap .pic { display: inline-block; position: relative; z-index: 10;}
.picContent .picWrap .pic a { float: left; }
.picContent .picWrap img { width: auto; max-width: 280px; background: #fff; padding: 2px; border: #ccc 1px solid; z-index: 11;}
@media all and (min-width: 500px) {
    .picContent .picWrap img {
        max-width: 460px;
    }
}
.picContent .picWrap .picNum { display: inline-block; vertical-align: top; width: 80px; height: 28px; margin-left: -88px; margin-top: 6px; line-height: 28px; background: #000; opacity: .7; color: #f0f0f0;}
.picContent .picWrap .picNum span { display: inline-block; width: 18px; height: 15px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAdCAYAAADCdc79AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARFJREFUeNpifP/+/X+GgQGM2ASZGAYZGHQOYiEmGKkI/g+5EBr0UUZS8NIi+kajjJIoG5DcNxpltHKQPRCfhGJ7qlZwaJUrI45siZ6GngOxBJT9AoglcZivAsR36JGG/uJgIwMDID4PxLr0iLIUaMi8gLLRAScQrwBiHiCeD8TMtHbQDmg0SULZ0miWTgBidSjbGIiL6JnLRIH4ABDPgfL9gDgNTU0jND1RrWDEBUBRswVqmQqU74pDHcjBDqSG0H8kTAxYCsRmSPxwIBbCU1Rk0jLK2oE4kEQ9XdD0RnUHgXxaQYY+UK6bSchBjDgwLgBKtJMpCFlvII7FV1IT04Aare2HXAPt/4gNoUHnIIAAAwA6mzFq4zyzDAAAAABJRU5ErkJggg==) no-repeat; background-size: 18px 15px; margin: 6px 5px 0; vertical-align: top;}
.picContent .picWrap .picNum b { font-size: 12px; font-weight: normal;}
.picContent .picWrap p { text-indent: 24px; margin: 5px 0 0; }
/* 图片内容页滑动层 */
#picSlide { position: absolute; z-index: 90; background: #000; width: 100%; height: 100%; left: 0; top: 0; display: none; }
#picSlide .pic_hd { color: #fff; width: 100%; height: 44px; line-height: 44px; font-size: 0.9em; background: #151515; position: absolute; z-index: 99; left: 0; top: 0;}
#picSlide .pic_hd .fl { margin-left: 13px; }
#picSlide .pic_hd .close { width: 44px; height: 44px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABL9JREFUeNq8mW1IZFUYx+deHWdXy0nXWdiaMkjX7YswjOEHRWtX0w8Kvn1aCsI+F0R9cCqoZNvNQBujiJAM/SBY4bvmy4yOosW6I5IfjHCipDXQcnyh2Bd3x/6PPJcud+eO98098Ic7d845z++ee85znvNcYWdnx5aRkSHYbDYRSmElQ/ehu6z7qHdos7CwzSTIAdn5+p7MZgw6pEoCV3gEyqS20CmutAttQ//Qb0DGLIITGexR6AzkZIZb0A4UZZv3RCYnuCebm5tfWV1d/Q4gc2tra4N+v/913M/lThzcsVVwWdD57u7udyKRyBDZXFlZ+cbn813G/SeY6cjeaYJobW39mF6jUiMjIzP4v5QegOuKNC2MiA2mQtmpqanls7OzYaW97e3t2PsoqPMM2ZOeJqO6uvqleE9cVFT0/PDw8Ae4zOGnNjSS3IamjgtweXjwa/n5+V5lPVEUhfr6+pd5qtmlV3zK5XKdU+u8uLi4FJDvGYWMA3fV4/F41eqD5XGunyzyarm7v7+/m8iIUUi9cFT29vaikvegxndotY6NjfUdZ0wvpBE4KrDxLXsQgjzyeWdpuk1OTi7EWyhKoYMQ6r+QaOEoFsSL09PTYS19DwwMTKFNIQ8AsR35QXpKNxmdmJj4wSykUbj+/v4A2pRA0hwU5B2Skaegi+Pj4z8ahTQK19fXF2R35pb1ZVO+ErOQBJZmGRwNIcMpvbyLFsLU1NTVgoKCwuMm9fz8/Cz8aDMub1LngHsaC+KKlgUxMzMzXVdXR21/5W31DnuWBwHNQGJXmK+pqfnM4XAkj46Ovun1ej1m4eICmoGEF/gpLS3Ngd3nghVwqoBmILUUrXA2+WRUFg6tqOFfUKS8vPztcDh8/WHCJQQ8CUi9cMcCqkC+u7i4eEMvXDAYDAHuihxOSwCsKSKRQVLHf1RUVHwSCoVWtcLBV4YbGho+ZzcU1QqnGVC5sOBKRIrbtDaw2+1JvKXqLpoA5WE6nHA2nPAbJSUlz2o1UllZ6RkcHHyNdxtdxwdVNxMH7izgzg8NDX0IJ/yckdHgHYei8wj0t+lFYiWcWjx5HIP4sOCMQopWwsHw0tzc3M9WQiYKFnTBkZ+DK/mC+sS2+Ba2xQIr5qRoBRztEICjHWKZBGfuW1paumHJSMYJWI8O1YFAYNFAsCkFrBT0XtLah0pk/j+gIpq+ZBBOHvKfthJS4Btk5KIZOJXjg17IUvmhSeCjHWW1cnGGaEWYXqhlzimjEuXeqogncwF5Tct8XlhYCFVVVfl44exKOcEzHR0dr1oFFycKWisrK9O0cCgX1NbWdpkHzS5wkubC+vr6WHp6+mNWwJkdya2trT/z8vJqcfmLNKntJwFndCSdTmcmJzRFkdOut4larQFiv6AROKOQYKG48baUPKIETbSnp+crleNkoLa21jBcAsim5eXlB44PsVjssLOz80tOBR9QIEnJ8RhAbqakpGy63e5svG7n5ubmRm9v79eNjY2f4v/f9UbC8UpTU9NhS0uLBHqrq6vrek5OjpCVlXUOQbBjY2Pjt/b29o/8fv/3NJBUR0qiJydIokdPOImeqZJE/5emn6DyGSJJ9hni4IQ/Q0g2pfVwIP8M8Z8AAwAH/SCiMZsK3AAAAABJRU5ErkJggg==) no-repeat center #222; background-size:16px 16px; float:right; }
#pic_url { height: 30px; line-height: 30px; margin: 7px 0 0 20px; padding: 0 15px; font-size: 1.2em; float: left; text-align: center; color: #e8e8e8; margin-right: 7px; border-radius: 3px; 
    background: -webkit-gradient(linear,0 0,0 100%,from(#4c4c51),to(#313132));
    background:    -moz-linear-gradient(top,#4c4c51,#313132); }
#picSlide .pics { position: relative; z-index: 91; overflow: hidden; height: 100%; padding-top: 44px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
#picSlide_list { height: 100%; }
#picSlide_list li { position: relative; z-index: 92; overflow: hidden; text-align: center; display: table-cell; vertical-align: middle !important; }
#picSlide_list li img { max-width: 98%; max-height: 100%;}
#picSlide .prev,
#picSlide .next { position: absolute; top: 50%; margin-top: -22px; z-index: 99; width: 44px; height: 43px; background: url(images/pic_nav.png) no-repeat; background-size: 44px auto; }
#picSlide .prev { left: 10px; }
#picSlide .next { right: 10px; background-position: 0 -43px; }
#picSlide .pic_info { background: rgba(0,0,0,.7); color: #eee; padding: 0 1%; width: 98%; position: absolute; z-index: 92; left: 0; bottom: 0; }
#picSlide.hideTool .pic_info { display: none; }
#pic_title {font-size: 1.2em; font-weight: bold; padding: 0 0 1%; }
#pic_intro { padding: 5px; font-size: 1.4em; line-height: 1.8em; clear: both; }
