@charset "UTF-8";
h1 { width: 1200px; background-color: #fff; margin: 20px auto; font-size: 20px; padding: 6px 0; text-align: center; }

#photoa .photo { width: 1200px; background-color: #fff; margin: 0 auto; padding: 10px 0 30px; }

#photoa .photo ul { zoom: 1; }

#photoa .photo ul::after { content: ''; display: block; clear: both; font-size: 0; height: 0; line-height: 0; visibility: hidden; }

#photoa .photo ul li { float: left; width: 540px; margin-left: 40px; margin-top: 20px; }

#photoa .photo ul li span { display: block; position: relative; height: 50px; line-height: 50px; }

#photoa .photo ul li span .ptxt { width: 400px; font-size: 18px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#photoa .photo ul li span .pdown a { position: absolute; right: 0; top: 8px; height: 34px; width: 120px; line-height: 34px; border-radius: 4px; background-color: #e02e2e; color: #fff; font-size: 14px; text-align: center; }

#photoa .photo ul li .bigimg a { display: block; width: 540px; height: 562px; position: relative; background-color: #f2f3f5; border-radius: 4px; border: 1px solid #dfe1e6; box-sizing: border-box; }

#photoa .photo ul li .bigimg a img { max-width: 510px; max-height: 532px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

#search input { box-sizing: content-box; }

.weizhi { width: 1200px; height: 36px; margin-left: auto; margin-right: auto; margin-top: 20px; background: #ffffff; line-height: 36px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -250px; text-indent: 25px; font-size: 14px; }

/*内容页*/
#main { width: 1200px; margin-left: auto; margin-right: auto; }

#left { width: 878px; float: left; background: #ffffff; }

#left1 { width: 878px; background: #ffffff; }

#left1 #photo { position: relative; }

#left1 #photo .image-handle { position: absolute; right: 14px; top: 14px; }

#left1 #photo .image-handle .handle-icon { padding: 9px; text-align: center; background-color: #ffffff; border-radius: 50%; float: left; cursor: pointer; position: relative; box-shadow: 0px 0px 12px -2px #646464; }

#left1 #photo .image-handle .handle-icon img { width: 16px; height: 16px; }

#left1 #photo .image-handle .handle-icon .handle-desc { width: 60px; height: 22px; background-color: rgba(102, 102, 102, 0.8); border-radius: 4px; color: #ffffff; font-size: 12px; line-height: 22px; text-align: center; position: absolute; bottom: -24px; left: -13px; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; visibility: hidden; }

#left1 #photo .image-handle .handle-icon:hover .handle-desc { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; }

#left1 #photo .image-handle .handle-icon .img-unfavor { display: inline-block; }

#left1 #photo .image-handle .handle-icon .img-favor { display: none; }

#left1 #photo .image-handle #handle-favor { padding: 0; }

#left1 #photo .image-handle .icon-favor { padding: 10px 9px; }

#left1 #photo .image-handle .icon-favor img { width: 16px; height: 14px; }

#left1 #photo .image-handle .favor .img-unfavor { display: none; }

#left1 #photo .image-handle .favor .img-favor { display: inline-block; }

#left11 { width: 852px; margin-left: auto; margin-right: auto; }

#left11 h1 { width: 852px; height: 41px; font-size: 18px; line-height: 41px; text-align: center; font-weight: normal; margin: 0; padding: 0; }

#photo { width: 852px; text-align: center; }

#left11 .xian { width: 852px; height: 17px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: repeat-x; background-position: 0px -330px; font-size: 1px; line-height: 1px; }

#keyword { width: 852px; line-height: 18px; font-size: 12px; color: #959595; font-weight: normal; }

#keyword a { font-size: 12px; }

#keyword a:link { color: #959595; text-decoration: none; }

#keyword a:visited { color: #959595; text-decoration: none; }

#keyword a:hover { color: #e60012; text-decoration: none; }

#keyword a:active { color: #ff8400; text-decoration: none; }

.lefth1 { width: 878px; height: 1px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

.lefth12 { width: 878px; height: 12px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

#left12 { width: 852px; height: 96px; margin-left: auto; margin-right: auto; }

#gongneng { width: 852px; height: 59px; }

#gongneng1 { width: 625px; height: 59px; float: left; }

#gongneng11 { width: 625px; height: 6px; float: left; line-height: 1px; font-size: 1px; }

.gongneng12 { width: 625px; height: 24px; float: left; }

.gn1 { width: 38px; height: 24px; float: left; line-height: 24px; font-size: 12px; }

.gn2 { width: 90px; height: 24px; float: left; line-height: 24px; font-size: 12px; }

.gn3 { width: 177px; height: 24px; float: left; line-height: 24px; font-size: 12px; }

#gongneng2 { width: 227px; height: 59px; float: left; }

#gongneng21 { width: 227px; height: 14px; float: left; }

#gongneng22 { width: 227px; height: 45px; float: left; }

.down { width: 121px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -360px; }

.downon { width: 121px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -130px -360px; }

.favorite { width: 106px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -400px; cursor: pointer; }

.favoriteon { width: 106px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -130px -400px; cursor: pointer; }

.favoritecancel { width: 106px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -800px; cursor: pointer; }

.favoritecancelon { width: 106px; height: 30px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -130px -800px; cursor: pointer; }

.xian1 { width: 852px; height: 1px; background: #f1f1f1; font-size: 1px; line-height: 1px; }

#message { width: 852px; height: 36px; }

#message1 { width: 852px; height: 3px; font-size: 1px; line-height: 1px; }

#message2 { width: 852px; height: 33px; }

.jubaoico { width: 16px; height: 33px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -440px; }

.jubao { width: 42px; height: 33px; line-height: 28px; font-size: 12px; float: left; }

.banquanico { width: 15px; height: 33px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -40px -440px; }

.banquan { width: 66px; height: 33px; line-height: 28px; font-size: 12px; float: left; }

.baocuoico { width: 18px; height: 33px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -80px -440px; }

.baocuo { width: 42px; height: 33px; line-height: 28px; font-size: 12px; float: left; }

.fenxiangico { width: 15px; height: 33px; float: left; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -120px -440px; }

.fenxiang { width: 44px; height: 33px; line-height: 28px; font-size: 12px; float: left; }

.share { width: 268px; height: 33px; float: left; }

.sharen { width: 327px; height: 33px; float: left; }

.xinxi { width: 326px; height: 33px; line-height: 28px; font-size: 12px; float: left; text-align: right; }

#fg { width: 12px; float: left; font-size: 1px; line-height: 1px; }

#left2 { width: 878px; height: 631px; background: #ffffff; }

.left2top { width: 878px; height: 31px; background: #FFFFFF; }

.left2top1 { width: 878px; height: 7px; line-height: 1px; font-size: 1px; }

.left2top2 { width: 878px; height: 23px; }

.left2top21 { width: 800px; height: 23px; line-height: 16px; text-indent: 10px; font-size: 14px; color: #034486; float: left; }

.left2top22 { width: 68px; height: 23px; line-height: 12px; font-size: 12px; float: left; text-align: right; padding-top: 3px; }

.left2top22 a { color: #959595; text-decoration: none; font-size: 12px; }

.left2top22 a:link { color: #959595; text-decoration: none; }

.left2top22 a:visited { color: #959595; text-decoration: none; }

.left2top22 a:hover { color: #e60012; text-decoration: none; }

.left2top22 a:active { color: #ff8400; text-decoration: none; }

.left2maina { width: 878px; background: #FFFFFF; }

.left2maintop { width: 878px; height: 13px; line-height: 1px; font-size: 1px; }

.left2main { width: 852px; height: 586px; margin-left: auto; margin-right: auto; }

.left2main ul { width: 852px; height: 582px; }

.left2main li { width: 173px; height: 196px; float: left; }

.left2main .img { width: 160px; height: 160px; position: relative; }

.left2main img { position: absolute; }

.left2main .img img:hover { opacity: 0.8; filter: alpha(opacity=80); }

.left2main .txt { width: 160px; height: 30px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; text-align: center; }

.left2main .txt a { font-size: 12px; }

#right { width: 310px; float: left; background: #ffffff; }

#right .right-item { position: relative; margin-bottom: 20px; padding: 20px 10px 10px; }

#right .right-item .label { display: inline-block; width: 65px; color: #999; text-align: justify; text-justify: distribute-all-lines; /*ie6-8*/ text-align-last: justify; /* ie9*/ -moz-text-align-last: justify; /*ff*/ -webkit-text-align-last: justify; /*chrome 20+*/ }

#right .right-item .text { position: absolute; right: 0; top: 2px; font-size: 14px; color: #666; }

#right .right-item .text .iconfont { color: #666; font-size: 24px; margin: 0 7px; }

#right .right-item .text .iconfont-wx:hover { color: #00c800; }

#right .right-item .text .iconfont-weibo:hover { color: #D52B3B; }

#right .right-item .text .iconfont-qq:hover { color: #0AA7F0; }

#right .right-item .text .iconfont-qqkongjian:hover { color: #EAD813; }

#right .right-item .social-share { float: right; }

.rightfg { width: 310px; height: 12px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

.rightatop { width: 310px; height: 5px; font-size: 1px; line-height: 1px; }

.tagtop { width: 310px; height: 31px; line-height: 31px; text-indent: 10px; color: #034486; }

.righh1 { width: 310px; height: 1px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

#taglist { padding-top: 10px; margin-left: auto; margin-right: auto; overflow: hidden; }

#taglist .tag { height: 31px; display: inline-block; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -480px; padding-left: 10px; padding-right: 10px; float: left; font-size: 12px; }

#taglist .tag span { height: 21px; display: inline-block; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -520px; background-position-x: right; padding-right: 10px; }

#taglist .tag em { height: 21px; display: inline-block; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-position: 0px -640px; font-style: normal; line-height: 21px; overflow: hidden; }

.hfg { width: 100%; height: 1px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; background: #d3d3d3; }

#bottoma { width: 100%; background: #ffffff; }

#bottom { width: 1200px; height: 72px; margin-left: auto; margin-right: auto; text-align: center; font-size: 12px; line-height: 22px; }

#bottom a { font-size: 12px; }

.h18 { width: 1200px; height: 18px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h16 { width: 1200px; height: 16px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h12 { width: 1200px; height: 12px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h12-100 { width: 100%; height: 12px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

.h10 { width: 1200px; height: 10px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h8 { width: 1200px; height: 8px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h6 { width: 1200px; height: 6px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h5 { width: 1200px; height: 5px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h4 { width: 1200px; height: 4px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h2 { width: 1200px; height: 2px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h1 { width: 1200px; height: 1px; margin-left: auto; margin-right: auto; line-height: 1px; font-size: 1px; }

.h1-100 { width: 100%; height: 1px; line-height: 1px; font-size: 1px; background: #f1f1f1; }

#fg { height: 100px; }

.Masonry-item-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; filter: alpha(opacity=92); -moz-opacity: 0.92; -khtml-opacity: 0.92; opacity: 0.92; visibility: hidden; }

.Masonry-item-mask .mask-hover { position: absolute; left: 0; top: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4); }

.Masonry-item-mask .mask-hover .title { position: absolute; width: 100%; text-align: center; bottom: 0; transition: bottom 0.5s; font-size: 14px; }

.Masonry-item-mask .mask-hover .title a { color: #fff; }

.Masonry-item-mask .mask-hover .title a:hover { color: #ffffca; }

.Masonry-item-mask .tag1 { position: absolute; right: 10px; top: -20px; transition: top 0.5s; }

.Masonry-item-mask .tag-btn { height: 28px; line-height: 28px; border-radius: 2px; overflow: hidden; float: left; font-size: 12px; cursor: pointer; text-align: center; }

.Masonry-item-mask .tag-btn-xz { width: 76px; margin-right: 14px; color: #fff; background-color: #e25656; background-image: linear-gradient(45deg, #e25656 0%, #e02e2e 100%); }

.Masonry-item-mask .tag-btn-xz-mask { width: 76px; height: 28px; position: absolute; left: 0; top: 0; text-align: center; color: #fff; }

.Masonry-item-mask .tag-btn-xz:hover .tag-btn-xz-mask { background: rgba(255, 255, 255, 0.08); color: #ffffca; }

.Masonry-item-mask .tag-btn-sc { background: #fff url(//static.photophoto.cn/web/v1/imgs/favor.png) 8px center no-repeat; border-radius: 2px; height: 28px; width: 28px; cursor: pointer; transition: width 0.5s; overflow: hidden; }

.Masonry-item-mask .tag-btn-sc .favor-text { display: none; line-height: 28px; color: #fff; text-indent: 1.5em; }

.Masonry-item-mask .tag-btn-sc:hover { width: 76px; background: #f60 url(//static.photophoto.cn/web/v1/imgs/favor-hover.png) 14px center no-repeat; }

.Masonry-item-mask .tag-btn-sc:hover .favor-text { display: inline-block; }

.Masonry-item-mask .tag-btn-ysc { width: 76px; height: 28px; line-height: 28px; background-color: #a6a6a6; border-radius: 2px; color: #fff; cursor: pointer; display: none; }

.Masonry-item-mask .colected .tag-btn-sc { display: none; }

.Masonry-item-mask .colected .tag-btn-ysc { display: block; }

#list > li:hover .Masonry-item-mask { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; visibility: visible; overflow: hidden; }

#list > li:hover .Masonry-item-mask .mask-hover .title { bottom: 10px; }

#list > li:hover .tag1 { top: 10px; }

#lista { width: 1258px; margin-left: auto; margin-right: auto; }

#list { width: 1258px; position: relative; }

#page { height: 32px; margin-left: auto; margin-right: auto; font-family: "微软雅黑", Arial; }

#page a { font-family: "微软雅黑", Arial; }

#page span a { font-family: "微软雅黑", Arial; }

#page span a:link { color: #ffffff; text-decoration: none; }

#page span a:visited { color: #ffffff; text-decoration: none; }

#page span a:hover { color: #fff45c; text-decoration: none; }

#page span a:active { color: #fff45c; text-decoration: none; }

.pageleft { height: 32px; float: left; }

.pageprevious { width: 32px; height: 32px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: 0px -290px; float: left; }

.pagepreviouson { width: 32px; height: 32px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -40px -290px; float: left; }

.pagenext { width: 32px; height: 32px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -80px -290px; float: left; }

.pagenexton { width: 32px; height: 32px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -120px -290px; float: left; }

.pageget { width: 48px; height: 32px; background-image: url(//css.photophoto.cn/img/bgv1.gif); background-repeat: no-repeat; background-position: -160px -290px; float: left; }

.pagefg { width: 8px; height: 32px; float: left; font-size: 1px; line-height: 1px; }

.pagefont1 { width: 32px; height: 32px; background-color: #ffffff; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont1on { width: 32px; height: 32px; background-color: #ffe3e3; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont1in { width: 32px; height: 32px; background-color: #e32c2c; text-align: center; float: left; line-height: 32px; color: #FFFFFF; }

.pagefont2 { width: 32px; height: 32px; background-color: #ffffff; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont2on { width: 32px; height: 32px; background-color: #ffe3e3; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont2in { width: 32px; height: 32px; background-color: #e32c2c; text-align: center; float: left; line-height: 32px; color: #FFFFFF; }

.pagefont3 { width: 41px; height: 32px; background-color: #ffffff; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont3on { width: 41px; height: 32px; background-color: #ffe3e3; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont3in { width: 41px; height: 32px; background-color: #e32c2c; text-align: center; float: left; line-height: 32px; color: #FFFFFF; }

.pagefont4 { width: 50px; height: 32px; background-color: #ffffff; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont4on { width: 50px; height: 32px; background-color: #ffe3e3; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont4in { width: 50px; height: 32px; background-color: #e32c2c; text-align: center; float: left; line-height: 32px; color: #FFFFFF; }

.pagefont5 { width: 59px; height: 32px; background-color: #ffffff; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont5on { width: 59px; height: 32px; background-color: #ffe3e3; text-align: center; float: left; line-height: 32px; cursor: pointer; }

.pagefont5in { width: 59px; height: 32px; background-color: #e32c2c; text-align: center; float: left; line-height: 32px; color: #FFFFFF; }

#list .Masonry-item { width: auto; margin-top: auto; }

.imgfree { position: absolute; left: 0; top: 0; background-image: url(//static.photophoto.cn/web/online/imgs/detail-free.png); background-repeat: no-repeat; width: 125px; height: 125px; }

.yxj { width: 1140px; margin: 20px auto; padding: 30px 30px 0; background-color: #fff; }

.yxj .imagebox { position: relative; width: 1140px; height: 600px; background-color: #999; overflow: hidden; }

.yxj .imagebox img { max-width: 1100px; max-height: 560px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

.yxj .imagebox::after { content: '此作品已下架'; position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; line-height: 570px; font-size: 60px; font-weight: 700; text-align: center; background-color: #999; }

.yxj .text { line-height: 42px; font-size: 14px; }
/*# sourceMappingURL=liebiao.min.css.map */