@import url("Common.css");

/*头部*/
.layout-header { width:1200px; float:left; margin:20px 0px; }
.header-logo{ width:92px; display:block; float:left; }
.header-search{ width:600px; float:left; margin:21px 8px 22px 500px; background:url("/Content/img/search-bg.png") no-repeat; }
.header-search input{ border:none; float:left; outline:none; background-color:transparent; }
.header-search .keyWords{ width:510px; float:left; padding:0px 0px 15px; }
.header-search #keyWords{ width:510px; padding:5px 0px 10px 25px; line-height:40px; color:#aaa; font-size:18px; }
.header-search .submit{ width:33px; float:left; }
.header-search #submit{ width:33px; margin:9px 0px 8px 15px; height:32px; background-image:url("/Content/img/search-btn.png"); background-repeat:no-repeat; cursor:pointer; }
.header-search #submit:hover{  background-position:0px -34px; }

.layout-nav{ width:1100px; float:left; padding:10px 50px; background-color:#b40001; }
.layout-nav li{ width:157px; float:left; text-align:center; }
.layout-nav li a{ text-decoration: none; font-size:20px; padding:5px 15px; }
.layout-nav li>a{ color:#fff; text-align:center; font-size:20px; }
.layout-nav li>a:hover,.layout-nav .selectItem{ border:1px solid #fff; }

/*barnner*/
.layout-barnner{ width:1200px; float:left; margin:5px 0px 20px; }
.layout-barnner { width: 1200px; float:left; position:relative; overflow:hidden; }
.picList img{ display:block; }
.layout-barnner .title{ position:absolute; top:0px; height:46px; line-height:46px; width:700px; text-align:center; opacity:0.4; filter:Alpha(opacity=40); display:none; background-color:#000; }
.layout-barnner .link{ position:absolute; top:0px; height:46px; line-height:46px; width:700px; text-align:center; display:none; }
.layout-barnner .link a{ font-size:20px; font-size:20px; color:#fff; }
.layout-barnner .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 44%; zoom:1; z-index:3 }
.layout-barnner .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; color: #fff; background: #666; border-radius:50%; -webkit-border-radius:50%; cursor:pointer; float: left; margin-left:10px; }
.layout-barnner .num li.on { background-color:#f00; }

/*作品列表*/
.works-menu{ width:1200px; float:left; margin:30px 0px 0px; font-size:14px; line-height:36px; border-bottom:2px solid #eee; }
.works-menu .family{ font-size:22px; font-weight:bold; font-family:"黑体"; }
.works-menu .theme{ width:300px; float:left; line-height:32px; font-size:16px; }
.works-menu .item{ width:750px; float:left; }
.works-menu .item a{ margin-left:30px; text-decoration:none; color:#333; }
.works-menu .more{ width:150px; float:left; text-align:right; display:inline-block; color:#333; }
.works-menu .item a:hover,.works-menu .more:hover{ color:#f00; }

.works-item{ width:1216px; float:left; margin:10px 0px 20px -9px; }
.works-item li{ width:290px; float:left; margin-top:20px; margin-left:10px; border:1px solid #aaa; }
.works-item .item-pic{ width:290px; float:left; display:block; }
.works-item .item-pic img{ width:290px; height:410px; }
.works-item .item-title{ width:288px; float:left; height:40px; line-height:40px; text-align:center; font-size:14px; font-weight:bold; }
.works-item .item-title a{ color:#333; text-decoration:none; }
.works-item .item-title a:hover{ color:#f00; }
.works-item .item-tips{ width:270px; float:left; background-color:#bbb; padding:5px 10px; overflow:hidden; }
.works-item .item-tips a{ background-image:url("/Content/img/exp-view.png"); width:80px; height:15px; padding-left:35px; margin-left:50px; color:#fff; }
.works-item .item-tips .read{ background-position:0px 2px; }
.works-item .item-tips .num{ background-position:0px -16px; }

/*作品查看*/
.works-show-title{ width:1100px; float:left; margin-top:10px; padding:20px 50px; background-color:#fff; text-align:center; border-bottom:1px solid #eee; }
.works-show-title>div{ width:100%; float:left; margin:10px 0px; }
.works-show-title>div>a{ color:#fe4064; margin-right:20px; }
.works-show-title .title{ font-size:24px; font-weight:bold; margin:0px; color:#333; }
.works-show-content{ width:1200px; float:left; margin-top:10px; text-align:center; }
.works-show-content li{ margin:10px 0px; }
.works-show-content li img{ max-width:1200px; }
.works-show-conten .img,.layout-content-show .show-content div{ width:100%; float:left; margin-bottom:20px; }
.works-show-conten .img img{ width:750px; height:360px; display:block; }

.bottom{ width:1200px; float:left; margin-top:20px; border-top:2px solid #eee; padding-top:20px; }
.bottom .taobao{ display:block; width:100%; float:left; }
.bottom .meke{ display:block; width:100%; float:left; background:url("/Content/img/bottom.png") no-repeat; height:87px; margin:20px 0px; }

.mode-good{ width:1200px; float:left; text-align:center; color:#fff; height:120px; }
.mode-good span{ width:100px; height:100px; line-height:150px; display:block; margin:10px 550px; cursor:pointer; background:url("/Content/img/good.png") no-repeat; position:relative; overflow:hidden; }
.mode-good .select{ background:url("/Content/img/good_gray.png") no-repeat; }
.mode-good a{ position:absolute; top:0px; left:50px; }
.mode-good .sum{ top:100px; color:#f00; left:44px; }