/*
Theme Name: WP-pic
Theme URI: http://www.chenxingweb.com/wordpress-image-theme-wp-pic.html
Author: 晨星博客
Author URI: http://www.chenxingweb.com
Description: 简洁时尚功能强大，全后台操作，适合各种图片展示类网站
Version: 0.1
*/

body{font:100%/1.4 'Microsoft YaHei',SimSun,SimHei;background-color:#f2f2f2;margin:0;padding:0;color:#000}
ul,ol,dl{padding:0;margin:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,p{margin-top:0}
a img{border:none}
a{color:#666;font-size:15px;text-decoration:none;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;text-decoration:none}
a:hover,a:active,a:focus{text-decoration:none;color:#F33}
img:hover{opacity:0.8}
.w1080{width:1080px;margin:0 auto}
.w100{width:100%}
.r{float:right}
.l{float:left}
.home{margin:15px auto}
.content{width:800px}
.cl{zoom:1}
.cl:after,.post-thumbnail:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ofw{overflow:hidden}
header{height:130px;background:#fff}
.cx_top{height:90px}
.cx_top .cx_logo{height:70px;width:250px;margin:10px 0 0;background:url(images/logo.png) no-repeat 0 0}
.cx_logo  a{height:60px;width:250px;display:block;font-size:0;line-height:0;text-indent:-9999px}
.nav{background:#000;color:#fff;height:40px;line-height:40px}
.nav a{color:#fff}
.cx_menu li{float:left;height:40px;line-height:40px;position:relative;padding:0 15px;text-align:center}
.cx_menu li:hover{background:#333}
.triangle:before{font-family:'FontAwesome';content:"\f0dd";color:#CECACA;float:none;position:absolute;top:-3px;right:4px}
.cx_menu li .sub-menu{display:none;width:108px;position:absolute;left:-10px;top:40px;background:rgba(0,0,0,0.78);float:left;line-height:30px;z-index:2}
.sub-menu li{text-align:center;width:100%;padding:0;border-bottom:1px solid #848282}
.current-menu-item,.current-post-parent{background:#8B081C}
li.current-menu-item:hover,li.current-post-parent:hover{background:#8B081C}
.cx_dl_gl{width:30px;height:30px;background:#191818;float:right;margin-top:5px;border-radius:50%;line-height:30px;text-align:center;margin-left:10px}
.cx_dl_gl:hover{background:#3C3B3B}
.cx_dl_gl a{color:#000}
.cx_dl_gl a i{padding-top:5px;font-size:20px}
.search{height:44px;margin-top:26px;width:497px}
.search .header-search{background:#fff none repeat scroll 0 0;border-color:#000;border-style:solid;border-width:2px 0 2px 2px;color:#bbb;font-size:16px;outline:medium none;padding:11px 0;text-indent:10px;float:left;width:387px}
.search .btn-search{background:#000 none repeat scroll 0 0;border-bottom-right-radius:2px;border-top-right-radius:2px;color:#fff;float:left;font-family:"Microsoft YaHei";font-size:18px;height:44px;left:0;width:108px;border-color:#000}
.sidebar{width:265px;margin-right:13px;border:1px solid #d4d4d4;background:#fff;border-bottom:none;padding-top:5px}
.sidebar li{border-bottom:1px solid #d4d4d4;padding:10px;overflow:hidden}
.sidebar li a{color:#000;font-size:16px;margin-bottom:10px}
.sidebar .sub-menu{margin-top:10px}
.sidebar .sub-menu li{border:0;width:33.3%;padding:0;float:left;text-align:left;margin-bottom:4px}
.sidebar .sub-menu li a{height:22px;line-height:22px;overflow:hidden;padding:0 5px;margin:0;color:#666;font-size:13px}
.sidebar .sub-menu li a:hover{color:#F06B6B}
.slider{width:800px;margin:0 auto;position:relative;overflow:hidden;height:336px}
.slider .bd{position:relative;z-index:0}
.slider .bd li{height:336px;overflow:hidden}
.slider .bd li img{display:block}
.slider .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px}
.slider .hd ul{text-align:center}
.slider .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:4px;height:4px;margin:0 4px;overflow:hidden;background:#000;border:2px solid #000;border-radius:50px;filter:alpha(opacity=70);opacity:0.7;vertical-align:top;line-height:9999px}
.slider .hd ul .on{background:#D2D1D1}
.slider .timer{position:absolute;z-index:1;left:0;bottom:0;height:4px;width:0;background:#000;filter:alpha(opacity=40);opacity:0.4;font-size:0;overflow:hidden}
.fenlei{width:780px;float:right;background:#fff;height:305px;padding:10px;margin-top:15px}
.fenlei .li{height:148px}
.fenlei .li1{width:360px}
.fenlei .li3{width:175px}
.fenlei .li2{float:left}
.fenlei .li4{height:305px}
.fenlei .li5{width:200px;height:305px}
.fenlei img{width:100%;height:100%;transition:all 1s}
.liimg{position:relative}
.liimg .liimg_bt{opacity:0.7;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s,opacity 0.1s 0.3s;transition:transform 0.4s,opacity 0.1s 0.3s}
.liimg:hover .liimg_bt{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s;-moz-transition:-moz-transform 0.4s,opacity 0.1s;transition:transform 0.4s,opacity 0.1s}
.liimg .liimg_bt{position:absolute;left:0;bottom:30px;height:90px;text-align:center;width:96%;padding:2%;background:#000;color:#fff;transition:all 0.5s}
.liimg:hover .liimg_bt{bottom:0;transition:all 0.5s}
.liimg .liimg_bt span{display:block;font-size:16px;background-color:#FD6639;width:90px;margin:20px auto;padding:2px 5px;border-radius:5px}
.liimg:hover img{transform:scale(1.1);transition:all 2s ease 0s;-webkit-transform:scale(1.1);-webkit-transform:all 2s ease 0s}
.cx_xiao{border:1px solid transparent;width:509px;height:421px;background:#fff;overflow:hidden;position:relative}
.cx_xiao h2{height:50px;border-bottom:1px solid #CAC8C8;font-weight:300;margin-bottom:0}
.cx_xiao .biao{display:block;width:120px;height:51px;margin-bottom:-1px;text-align:center;line-height:52px;background:#588ae5;color:#fff}
.rightfonts{font-size:16px;line-height:50px;padding-right:15px}
.rightfonts a{border:1px solid #666;border-radius:20px;padding:2px 10px;cursor:pointer}
.rightfonts a i{padding:3px}
.rightfonts em{font-style:normal;font-weight:600;padding:0 3px;color:#F13D3D}
.list-tjs{padding:5px}
.list-tjs li{float:left;margin:5px;width:170px;height:170px;overflow:hidden;position:relative}
.list-tjs li img{width:172px;height:172px;-webkit-transition:-webkit-transform 0.4s;-moz-transition:-moz-transform 0.4s;transition:transform 0.4s}
.list-tjs li:hover img{transform:scale(1.3);transition:all 1s ease 0s;-webkit-transform:scale(1.3);-webkit-transform:all 1s ease 0s}
.list-tjs li .mask{opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s 0.3s;-moz-transition:-moz-transform 0.4s,opacity 0.1s 0.3s;transition:transform 0.4s,opacity 0.1s 0.3s}
.list-tjs li:hover .mask{opacity:0.7;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);-webkit-transition:-webkit-transform 0.4s,opacity 0.1s;-moz-transition:-moz-transform 0.4s,opacity 0.1s;transition:transform 0.4s,opacity 0.1s}
.list-tjs li .mask{position:absolute;left:0;bottom:0;height:172px;text-align:center;width:96%;padding:2%;background:#000;color:#fff}
.list-tjs li .mask h3{height:63px;padding:40px 0 0;line-height:30px}
.list-tjs li .mask a{color:#fff;font-size:15px;height:54px;overflow:hidden;padding-bottom:24px;display:block}
.list-tjs li .mask span{width:100%;height:20px;line-height:20px;text-align:center;display:block;font-size:14px}
.list-news,.tempWrap{padding:10px 5px}
.list-news li{margin:0 5px;float:left;width:239px;height:350px;position:relative;overflow:hidden}
.list-news li a span{display:block;width:209px;background:rgba(0,0,0,0.71);padding:5px;position:absolute;bottom:20px;left:-229px;color:#fff;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}
.list-news li:hover a span{left:0px}
.news{border-color:#588ae5;margin-right:16px}
.news .biao{background:#588ae5}
.cx_xiao .prev,.cx_xiao .next{width:20px;position:absolute;top:190px;left:15px;z-index:100;cursor:pointer;font-size:3em;color:#fff;opacity:0.6}
.cx_xiao .next{left:auto;right:15px}
.news:hover .prev,.news:hover .next{opacity:1}
.tjs{border-color:#F976C4;width:551px}
.tjs .biao{background:#F976C4}
.cx_jp{border:1px solid #F96E6E;height:265px;margin-bottom:15px;background:#fff}
.cx_jp .jp_biao{display:block;height:165px;width:30px;font-size:24px;background:#F96E6E;color:#fff;padding:50px 30px;line-height:40px;font-weight:500}
.cx_jp .jp_ul{width:980px;padding:10px 5px}
.jp_ul li{float:left;margin:0 5px;width:186px;position:relative;overflow:hidden;height:245px}
.jp_ul li a .jp_title{width:176px;background:rgba(0,0,0,0.71);padding:5px;position:absolute;bottom:-20px;color:#fff;height:40px;text-align:center;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear}
.jp_title span{display:block;bottom:-20px;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.jp_title em{color:#CCC}
.jp_ul li:hover .jp_title{bottom:0px}
.post-ls{margin:20px auto}
.mod-tit{border-bottom:1px solid #797878;position:relative;height:39px;line-height:39px}
.mod-tit .tit{display:inline-block;border-bottom:2px solid #fd6639;font-size:24px;color:#3E3D3D;height:30px;font-weight:500;padding-bottom:8px}
.dw_tbt{height:40px;overflow:hidden;width:600px;padding-left:25px;line-height:45px}
.more{height:40px;line-height:45px}
.dw_tbt a{padding:0px 7px;border-left:1px solid #BEBDBD}
.dw_tbt a:hover{color:#F01246}
.recent-article{margin-bottom:25px}
.post-list{margin:5px -8px 10px -7px}
.post-home{float:left;color:#b3b3b3;margin:10px 7px 8px;background-color:#fff;border-top:1px solid #ededed;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3)}
.post-home:hover{box-shadow:0 3px 5px rgba(0,0,0,.6);-moz-box-shadow:0 3px 5px rgba(0,0,0,.6);-webkit-box-shadow:0 3px 5px rgba(0,0,0,.6)}
.home-list1{width:205px}
.home-list2{width:259px}
.post-thumbnail{padding:1px;position:relative;zoom:1}
.post-thumbnail img{float:left}
.btns-sum{display:block;bottom:20px;right:1px;position:absolute;background:rgba(0,0,0,0.44);color:#fff;border-radius:20px 0 0 20px;padding:2px 3px;cursor:pointer;font-size:12px}
.btns-sum span{font-size:16px;font-weight:800;margin-right:3px;margin-left:5px}
.post-title{padding:5px;height:25px;line-height:25px;overflow:hidden;background-color:#fafafa;font-size:14px;font-weight:500;margin:0}
.fields span,.fields time{display:inline-block;position:relative;color:#BBB9B9;padding:5px;font-size:13px}
.fields i{margin-right:3px;color:#A7A7A7}
.post-title a{color:#888;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.veiwall a{display:block;height:46px;line-height:46px;text-align:center;background:#fff;color:#666;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
.veiwall a i{margin-left:10px;font-size:16px;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;font-weight:bold}
.veiwall a:hover{color:#fff;background:#e75242}
.veiwall a span{font-size:17px;margin-left:10px}
.sph{margin:-15px -5px 25px -5px}
.spbq{width:261px;height:240px;float:left;padding:1px;margin:10px 5px 8px;position:relative;overflow:hidden;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3)}
.spbq h2{color:#14191e;padding-left:5px;font-size:16px;margin:5px 0 0 0;height:22px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.spbq span{display:block;color:#b4bbbf;height:40px;line-height:15px;padding:5px 0 0 5px;font-size:12px}
.spbq .time{position:absolute;top:150px;background:rgba(0,0,0,0.79);color:#EFEEEE;padding:0 5px;height:20px;line-height:20px;border-radius:0 5px 0 0}
.cx_b{width:3px;height:3px;position:absolute;z-index:99;border-radius:10px}
.b_1{height:3px;top:-6px;left:0px;border-left:3px solid #EB5858}
.b_2{width:0px;bottom:-3px;left:0px;border-top:3px solid #EB5858}
.b_3{height:0px;bottom:0px;right:0px;border-right:3px solid #EB5858}
.b_4{width:0px;top:-3px;right:0px;border-bottom:3px solid #EB5858}
.links{background:#fff;padding:10px 0;box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);margin-bottom:20px}
.links h2{font-size:18px;padding-left:10px;border-left:3px solid #EB5858;margin-bottom:5px}
.links ul{margin:0 15px}
.links ul li{float:left;padding:2px 5px}
footer{height:100px;background:#fff;border-top:1px solid #C5C5C5}
.fot{height:60px;padding-top:20px;text-align:center;color:#666;font-size:14px}
.fot p{line-height:30px;margin:0}
a.retop{position:fixed;bottom:100px;width:50px;height:40px;border-radius:2px;cursor:pointer;background-color:rgba(6,6,6,0.79);margin-bottom:10px;text-align:center;padding-bottom:5px;display:none;font-size:3em;line-height:40px;color:#fff}
.sw{box-shadow:0 1px 3px rgba(0,0,0,.3);-moz-box-shadow:0 1px 3px rgba(0,0,0,.1);-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3)}
.miannav{background:#FFF;margin-bottom:10px;height:30px;line-height:30px;padding:0 10px;font-size:14px;color:#666}
.miannav a{font-size:14px;color:#666}
.fltj{height:240px;background-color:#EAEAEA;position:relative;margin:1px 0 20px 0}
.bqh2{width:382px;height:30px;line-height:30px;margin-bottom:5px;color:#fff;font-weight:600;padding-left:5px;border-left:3px solid #6CDD81;font-size:16px;background:#F46666}
.bqh2 i{color:#ECEBEB;margin:0 10px;font-size:18px}
.fltj .list{position:absolute;bottom:-8px;left:410px}
.fltj .list span{font-size:14px;font-weight:600;float:left}
.fltj .list p{float:left}
.fltj .list p a{color:#fff;padding:0 5px;height:24px;background:#4b88d8;display:inline-block;line-height:23px;text-align:center;border-radius:5px;margin:0 4px;font-size:14px}
.fltj .list p a:hover{background:#F54C4C}
.bqh2 a{color:#FFFDFD}
.mod-tit a.current{color:#F46666}
.focuscat{position:relative;width:390px;height:204px;overflow:hidden;font:12px/1.5 Verdana,Geneva,sans-serif;text-align:left;background:white}
.focuscat .pic img{width:390px;height:204px}
.focuscat .txt-bg{position:absolute;bottom:0;z-index:1;height:36px;width:100%;background:#333;filter:alpha(opacity=40);opacity:0.4;overflow:hidden}
.focuscat .txt{position:absolute;bottom:0;z-index:2;height:36px;width:100%;overflow:hidden}
.focuscat .txt li{height:36px;line-height:36px;position:absolute;bottom:-36px}
.focuscat .txt li a{display:block;color:white;padding:0 0 0 10px;font-size:12px;font-weight:bold;text-decoration:none}
.focuscat .num{position:absolute;z-index:3;bottom:8px;right:8px}
.focuscat .num li{float:left;position:relative;width:18px;height:18px;line-height:18px;overflow:hidden;text-align:center;margin-right:1px;cursor:pointer;background:rgba(0,0,0,0.73);color:#fff}
.focuscat .num li.on,.focusBox .num
      li:hover{background:#f60}
.fltj_right{width:295px;height:200px;float:right;margin-right:10px;padding-left:15px;background:#fff url(images/icons.png) no-repeat -95px -766px}
.fltj_right h2{border-bottom:1px solid #ccc;font-size:18px;padding-left:13px;margin:5px 0 5px -15px;font-weight:500;border-left:3px solid #EF3DB2}
.fltj_right ul li{float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:27px;line-height:27px;width:290px}
.fltj_right em{padding:0 5px 0 0}
.fltj_right a{font-size:14px}
.fltj_ms{width:340px;height:190px;float:right;background:#FAF9FA;padding:5px 10px}
.fltj_ms a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:30px;padding:0 10px;line-height:30px;color:#444}
.fltj_ms .jianh3{font-size:16px;margin-bottom:10px;border-bottom:1px solid #ccc}
.fltj_ms p{line-height:26px;display:block;color:#a7a6a7;font-size:14px;overflow:hidden}
.fltj_ms p i{font-size:16px;margin:0 5px}
.tt_1{color:#EF1515}
.tt_2{color:#1B61CE}
.tt_3{color:#0CDA3A}
.picmainer{padding:19px;border:1px solid #E8E8E8;background:#fff;font-size:12px}
.picmainer h1{font-size:25px;color:#5d5d5d;font-weight:normal;margin-bottom:5px}
.pictopline{height:30px;line-height:30px;padding:9px 0px;margin-bottom:20px;color:#9f9f9f;border-bottom:1px solid #e8e8e8}
.pictopline span a{font-size:12px;color:#9f9f9f}
.pictopline span a:hover{color:#c39}
.pictopline p{height:30px;line-height:30px}
.pictopline .l span,.pictopline .r span{margin-right:20px}
.pictopline .l span i{margin-right:5px}
.picsbox{position:relative;width:1040px;padding-bottom:20px;border-bottom:1px solid #E8E8E8}
.picsboxcenter{text-align:center}
.picsbox p{width:800px;margin:20px auto;text-align:center}
.picsbox .m_s {width: 700px;text-align: left;font-size: 14px;background: #EAEAEA;padding: 15px;border-radius: 5px;color: #636161}
.picsbox .m_s i {margin-right: 5px;font-size: 1.5em;color: #777}
.picsbox p a img{width:auto;height:auto;min-height:300px;max-height:800px;max-width:800px;margin:0 auto}
.picsbox img:hover{opacity:1}
.picsbox p a{position:initial;background:none;padding:0;display:initial}
.picsbox a{top:25%;position:absolute;display:block;background:#EAEAEA;width:50px;font-size:3em;color:#FFF;padding:80px 5px}
.picsbox a:hover{background:#C1C1C1}
.picsbox p a:hover{background:none}
.picsbox a.pre-cat{left:-19px}
.picsbox a.next-cat{right:-19px}
.picsbox .pictext{margin-top:20px;font-size:14px;color:#666;line-height:22px;text-align:left;text-indent:2em}
.picsbox .pictext p{text-align:left}
.picbottomline{height:30px;line-height:30px;padding-top:9px;color:#9f9f9f}
.picbottomline p.pleft{float:left}
.picbottomline p.pleft span{font-size:14px}
.picbottomline p.pleft span a{display:inline-block;height:22px;line-height:22px;padding:0px 7px;margin-left:10px;background-color:#F6F6F6;color:#9F9F9F;border-radius:3px;font-size:12px}
.picbottomline p.pleft span a:hover{background-color:#9F9F9F;color:#fff}
.picbottomline p.pright{float:right}
.picbottomline p.pright span{margin-left:10px}
.picbottomline .fa-eye{font-size:1.5em;margin-right:3px}
.picbottomline .post-like a{display:inline-block;padding:0px 10px;height:30px;line-height:30px;color:#9f9f9f;border-radius:4px}
.picbottomline .post-like a:hover{background-color:#9F9F9F;color:#fff}
.picbottomline .post-like a.done{background-color:#9F9F9F;color:#fff}
.picbottomline .post-like a b{font-weight:normal}
.picbottomline p.pright span.count{margin:0}
.post_bz{width:800px;margin:0 auto;font-size:16px;line-height:30px}
.post_bz p{text-align:left;text-indent:2em}
.post_bz p img{margin-left:6%;width:80%;height:auto!important;}
.post_bz p a img{margin-left:6%;width:80%;height:auto!important;}
.page{text-align:center;padding:15px 0px}
.page a,.page span.current{display:inline-block;height:28px;line-height:28px;border:1px solid #E8E8E8;background-color:#f6f6f6;color:#9f9f9f;padding:0px 12px;margin:0 4px;border-radius:4px}
.page span.current,.page a:hover{background-color:#9F9F9F;color:#fff;border:1px solid #9F9F9F}
.pagination{float:left;margin-bottom:20px}
.pagination a,.pagination a:visited{float:left;background:#fff;margin:0 5px 10px 0;padding:8px 11px;line-height:100%;border:1px solid #ebebeb;border-radius:2px}
.pagination .current,.pagination .dots{background:#fff;float:left;margin:0 5px 0 0;padding:8px 11px;line-height:100%;border:1px solid #ebebeb;border-radius:2px}
.pagination span.pages{}
.pagination span.current,.pagination a:hover{background:#DF6005;color:#fff;border:1px solid #DF6005}
.screen-reader-text,.pages{display:none}
.cx_pic_gg{width:100%;height:90px}
.cx_pic_gg .sgle_bt{float:left;width:20px;padding:5px 15px;color:#fff;background:#000;line-height:20px}
.qb_image img{width:800px;height:auto;margin-bottom:10px;max-height:none}

