body,
h1,
h2,
h3,
h4, 
h5,
h6,
dl,
dt,
dd,
ul,
ol,
li,
th,
td,
p,
blockquote,
pre,
form,
fieldset,
legend,
input,
button,
textarea,
hr {
 margin:0;
 padding:0;
}
ul,
ol {
 list-style:none;
}
body {
font: 14px/1.5 Tahoma,'Microsoft Yahei','Simsun';
color: #444;
font-family: "Microsoft yahei","微软雅黑",Arial,Helvetica,sans-serif,"宋体";
background-color: #eee;
}
select,
input,
button {
 vertical-align:middle;
 font-size:100%;
}
fieldset,
img {
 border:0 none;
}
em {
 font-style:normal;
}
a {
 color:#333;
 text-decoration:none;
}
a:hover {
 color:#1db11c;
 text-decoration:none;
}
.clear {
 clear:both;
 display:block;
 height:0;
 visibility:hidden;
 font:0/0 arial;
}
.clearfix:after {
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 font-size:0;
}
.clearfix {
 *zoom:1;
}
.wrapper {
 width:1200px;
 margin:0 auto;
}
.top-side .hot,
.tag-witch .more,
.tag-witch .up,
#backTop i,
.not-agree span {
 background:url(statictupian2015/icon1.png) no-repeat;
}


.text {
 width:274px;
 height:22px;
 padding:4px 8px;
 border:1px solid #ccc;
 border-right:0 none;
 outline:none;
 font:14px/22px "Arial";
}
.searchbox .sbtn {
 float:left;
 width:70px;
 height:32px;
 background-color:#484d62;
 border:0 none;
 overflow:hidden;
 font:14px/22px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 color:#fff;
 cursor:pointer;
 text-align:center;
}
.searchbox .sbtn:hover {
 background-color:#3a3e4e;
}
.navbox {
 width:1200px;
 height:40px;
 background-color:#484d62;
 margin:0 auto;
}
.nav {
 zoom:1;
}
.nav li {
 float:left;
 position:relative;
}
.nav li a {
 display:inline-block;
 height:40px;
 padding:0 20px;
 font:14px/40px "Microsoft YaHei";
 color:#fff;
 _float:left;
 text-decoration:none;
}
.nav li a:hover {
 background-color:#3a3e4e;
}
.nav .act,
.nav .act a:hover {
 background-color:#1db11c;
}
.top-main {
}
.top-main .pics {
 float:left;
 margin:-2px 0 0 2px;
 width:966px;
}
.top-main .pics li {
 float:left;
 margin:2px 2px 0 0;
 width:240px;
 height:179px;
 position:relative;
}
.top-main .pics .txt {
 position:absolute;
 left:0;
 bottom:0;
 overflow:hidden;
 padding:12px 20px 10px;
 color:#fff;
 word-break:break-all;
 cursor:pointer;
 font:14px/22px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 width:200px;
 background-image:linear-gradient(to top,rgba(0,0,0,0.6),rgba(255,255,255,0));
 filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#00000000',EndColorStr='#cc000000');
}
.top-main .pics .first {
 width:480px;
 height:360px;
}
.top-main .pics em {
 display:block;
 overflow;
 height:22px;
 line-height:22px;
 overflow:hidden;
}
.top-main .first .txt {
 padding:10px 20px;
 font-size:16px;
 width:440px;
}
.top-side {
 float:right;
 width:225px;
 height:360px;
 background-color:#fff;
}
.top-side .tit {
 font:18px/28px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 color:#666;
 padding:10px 0 9px 20px;
 border-bottom:1px solid #f7f7f7;
}
.top-side .tag {
 width:200px;
 margin:20px 5px 3px 20px;
}
.top-side .tag li {
 float:left;
 padding:0 0 20px 0;
 width:100px;
 font:14px/22px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 color:#666;
}
.top-side .tag li a {
 position:relative;
}
.top-side .tag li a:hover {
 color:#1db11c;
 text-decoration:none;
}
.top-side .hot {
 background-position:-141px 0;
 right:-12px;
 top:-4px;
 width:9px;
 height:11px;
 position:absolute;
 zoom:1;
}
.mt32 {
 margin-top:24px;
}
.mod-header {
 height:36px;
 font:22px/36px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 border-bottom: 1px solid #ddd;
 padding-bottom: 10px;
}
.mod-header h3 {
 float:left;
 font-weight:normal;
}
.mod-header .more {
 float:right;
 font:bold 14px/36px "SimSun","Simsun";
 color:#999;
 font-size: ;
}
.mod-header .more:hover {
 color:#333;
 text-decoration:none;
}
.mod-cont ul {
 margin-right:-16px;
 overflow:hidden;
}
.mod-cont li {
 margin:8px 16px 8px 0;
 float:left;
}
.mod-cont li:hover {
 opacity:.9;
 filter:alpha(opacity=90);
}
.mod-cont li .pic {
 width:288px;
 height:216px;
 display:block;
 position:relative;
}
.mod-cont li .tit {
 padding:0 10px 0 15px;
 border:1px solid #e6e6e6;
 width:261px;
 height:44px;
 border-top:none;
 overflow:hidden;
 background-color:#fff;
 display:block;
 -wekit-box-shadow:0 1px 1px rgba(0,0,0,.1);
 box-shadow:0 1px 1px rgba(0,0,0,.1);
}
.mod-cont li .tit a {
 font:14px/44px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 word-break:break-all;
 word-wrap:break-word;
}
.mod-cont li .tit a:hover {
 color:#1db11c;
 text-decoration:none;
}
.mod-cont .mask {
 display:none;
}
.mod-cont .hover .tit {
 -wekit-box-shadow:0 1px 10px rgba(0,0,0,.1);
 box-shadow:0 1px 10px rgba(0,0,0,.1);
}
.mod-cont .hover .mask {
 background:rgba(255,255,255,0.10);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1affffff,endcolorstr=#1affffff,gradientType=1);
 position:absolute;
 width:288px;
 height:216px;
 display:block;
 left:0;
 top:0;
}
:root .mod-cont .hover .mask {
 filter:none;
}
.mod-cont .first .pic {
 width:592px;
 height:492px;
 display:block;
 position:relative;
}
.mod-cont .first .tit {
 padding:0 10px 0 15px;
 border:1px solid #e6e6e6;
 border-top:none;
 background-color:#fff;
 width:565px;
 height:44px;
 text-align:left;
 display:block;
 -wekit-box-shadow:0 1px 1px rgba(0,0,0,.1);
 box-shadow:0 1px 1px rgba(0,0,0,.1);
 overflow:hidden;
}
.mod-cont .first .tit a {
 font:14px/44px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 word-break:break-all;
 word-wrap:break-word;
}
.mod-cont .first .mask {
 background:rgba(255,255,255,0.10);
 filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#1affffff,endcolorstr=#1affffff,gradientType=1);
 position:absolute;
 width:592px;
 height:492px;
 display:block;
 left:0;
 top:0;
}
.mt15 {
 margin-top:7px;
}
.tag-witch {
 background-color:#fff;
 margin:auto;
 padding:3px 15px 18px;
 border-radius:2px;
 position:relative;
 width: 1200px;
}
.tag-witch .kind {
 position:absolute;
 left:0;
 top:15px;
 width:54px;
 height:26px;
 font:14px/26px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 color:#666;
}
.tag-witch .tab {
 position:relative;
 padding:0 20px 0 54px;
 height:41px;
 overflow:hidden;
}
.tag-witch .tab .act a {
 background-color:#1db11c;
 border-radius:2px;
 color:#fff;
 display:block;
}
.tag-witch .current {
 height:auto;
}
.tag-witch li {
 float:left;
 font:14px/26px "Microsoft Yahei","\5FAE\8F6F\96C5\9ED1";
 color:#666;
 text-align:center;
 display:block;
 margin:15px 13px 0 0;
}
.tag-witch li a {
 padding:0 13px;
 display:block;
 color:#666;
}
.tag-witch li a:hover {
 background-color:#ededf5;
 border-radius:2px;
}
.tag-witch .more {
 background-position:-135px -177px;
 width:15px;
 height:15px;
 position:absolute;
 right:0;
 top:20px;
}
.tag-witch .more:hover {
 background-position:-135px -205px;
}
.tag-witch .up {
 background-position:-135px -235px;
}
.tag-witch .up:hover {
 background-position:-135px -263px;
}
.sort .tab {
 padding:0 20px 0 0;
}
.pic-waterfall p span,
.pic-waterfall .user-infor img,
.tabs li a {
 background:url(statictupian2015/icon.png) no-repeat;
}
.tabs {
}
.tabs li {
 float:left;
 background:-webkit-linear-gradient(top,#fff,#f5f5f5);
 background:-moz-linear-gradient(top,#fff,#f5f5f5);
 background:-moz-linear-gradient(top,#fff,#f5f5f5);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
 -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff,endColorstr=#f5f5f5);
}
.tabs li a {
 display:block;
 width:39px;
 height:30px;
 border:1px solid #dbdbdb;
 font-size:14px;
 color:#666;
 line-height:30px;
 text-align: center;
}
.tabs li .new {
 border-radius:2px 0 0 2px;
}
.tabs li .hot {
 background-position:-34px -73px;
 border-radius:0 2px 2px 0;
 border-left:0 none;
}
.tabs .current {
 background:-webkit-linear-gradient(top,#f1f1f1,#fafafa);
 background:-moz-linear-gradient(top,#f1f1f1,#fafafa);
 background:-moz-linear-gradient(top,#f1f1f1,#fafafa);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f1f1f1,endColorstr=#fafafa);
 -ms-filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f1f1f1,endColorstr=#fafafa);
}
.tabs .current a {
 color:#1db11c;
}
.tabs .current .new {
}
.tabs .current .hot {
 background-position:-34px -45px;
}
.pic-waterfall li {
 float:left;
 margin:16px 0 0;
 width:288px;
}
.pic-waterfall .pic {
 display:block;
}
.pic-waterfall .pic:hover {
 opacity:.9;
 filter:alpha(opacity=90);
}
.pic-waterfall .pic img {
 vertical-align:top;
}
.pic-waterfall .infor-box {
 background-color:#fff;
 border:1px solid #e6e6e6;
 border-top:0 none;
 padding:11px 0 0;
 box-shadow:0 2px 1px rgba(0,0,0,0.02);
}
.pic-waterfall li:hover .infor-box {
 box-shadow:0 2px 5px rgba(0,0,0,0.1);
}
.pic-waterfall .title {
 padding:0 15px;
 display:block;
 font-size:14px;
 line-height:21px;
 word-break:break-all;
 word-wrap:break-word;
}
.pic-waterfall p {
 margin:4px 15px 10px;
 line-height:18px;
}
.pic-waterfall p span {
 padding-left:20px;
 color:#c8c9cc;
}
.pic-waterfall p span:hover {
 color:#a9afb9;
}
.pic-waterfall p .view {
 background-position:-40px -104px;
}
.pic-waterfall p .view:hover {
 background-position:-40px -123px;
}
.pic-waterfall p .comment {
 margin-left:14px;
 background-position:-41px -142px;
}
.pic-waterfall p .comment:hover {
 background-position:-41px -164px;
}
.pic-waterfall .user-infor {
 padding:10px 15px;
 background-color:#fafafa;
}
.pic-waterfall .user-infor img {
 background-position:0 0;
 margin-right:10px;
 border-radius:15px;
 vertical-align:middle;
}
.pic-waterfall .user-infor a {
 color:#666;
}
.pic-waterfall .user-infor a:hover {
 color:#666;
 text-decoration:underline;
}
.pub-element {
 position:fixed;
 bottom:10px;
 right:10px;
 _position:absolute;
 _bottom:auto;
 _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-277));
}
.pub-element a {
 display:block;
 margin:1px 0 0;
 width:60px;
 height:60px;
 opacity:.6;
 filter:alpha(opacity=60);
 background-color:#888ea5;
}
.pub-element a:hover {
 opacity:1;
 filter:alpha(opacity=100);
 color:#fff;
 text-decoration:none;
}
.pub-element .pub-scrolltop {
 background:url(mouse/140716/top-btn-ico.png) no-repeat;
 background-color:#888ea5;
 text-indent:-9999em;
 overflow:hidden;
}
.pub-element .pub-feedback {
 padding:13px 10px 0 16px;
 width:34px;
 height:47px;
 font:14px/16px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";
 color:#fff;
}
.not-agree {
 width:290px;
 margin:95px auto 0;
 position:relative;
 font:16px/28px "Microsoft YaHei","\5FAE\8F6F\96C5\9ED1";
 color:#666;
}
.not-agree span {
 background-position:0 0;
 position:absolute;
 left:0;
 top:0;
 width:67px;
 height:64px;
}
.not-agree p {
 padding:0 0 0 82px;
}
.more-content {
 position:relative;
 zoom:1;
 margin:10px 0 0;
 padding:10px 0;
 text-align:center;
 color:#999;
 font-size:20px;
 line-height:26px;
 cursor:pointer;
 display:none;
}
.more-content span {
 display:inline-block;
 padding:0 20px 0 0;
 background:url(nb/140327/more.gif) no-repeat right 8px;
}
.more-content img {
 width:16px;
 height:16px;
}
.zol-global-footer-fixed {
 position:static!important;
 width:auto!important;
}
.product-evaluation-list li .pic,
.wallpaper-list li .pic {
 height:180px;
 overflow:hidden;
}
.pics-photograph {
 padding:0;
 width:1200px;
 overflow:hidden;
}
.pics-photograph ul {
 margin:-5px -20px 0 0;
 width:1220px;
}
.pics-photograph li {
 margin:20px 20px 0 0;
 float:left;
 width:285px;
 height:285px;
}
.pics-photograph li,
.pics-photograph li a,
.pics-photograph img {
 width:285px;
 height:285px;
}
.pics-photograph .img,
.pics-photograph .img {
 position:relative;
 zoom:1;
 display:block;
 overflow:hidden;
}
.pics-photograph .layer {
 position:absolute;
 left:0;
 float:none;
 bottom:0;
 display:block;
 padding:6px 10px 5px;
 width:265px;
 height:44px;
 cursor:pointer;
 -webkit-transition:-webkit-transform 200ms linear;
 -moz-transition:-moz-transform 200ms linear;
 -o-transition:-o-transform 200ms linear;
 transition:transform 200ms linear;
}
.pics-photograph .title {
 padding:0;
 height:24px;
 font:14px/24px arial;
 text-align:left;
 display:block;
}
.pics-photograph .layer em,
.pics-photograph .layer em {
 display:inline-block;
 padding:0 15px 0 18px;
 color:#fff;
 font:12px/22px "\5FAE\8F6F\96C5\9ED1",arial;
 background:url(mainpage/20150210/index-icon-20150505.png) no-repeat;
}
.pics-photograph .layer em.views-num {
 background-position:-19px -316px;
 line-height:20px;
 padding:0 15px 0 20px;
}
.pics-photograph .layer em.comment-num {
 background-position:-22px -285px;
}
.navbox .icon-hot {
 position:absolute;
 margin:0 0 0 2px;
 width:9px;
 height:11px;
 font:0/0 arial;
 background:url(mainpage/2016/index-icon-201603.png) no-repeat;
 background-position:0 -58px;
 top:0;
}