@charset "utf-8";
/* CSS Document */

/* 默认样式 */
*{ margin:0; padding:0;}
a, p, strong, span,h2,h1,h3,input{ font-family:"Microsoft YaHei";}
li{ list-style:none;}
a{ text-decoration:none;}

/* public css */
.clear{ zoom:1}
.clear:after{ content:""; display:block; clear:both;}
.fl{ float:left;}
.fr{ float:right;}
.w1200{ max-width:640px; margin:0 auto;}


#header{ max-width:640px; margin:0 auto; background:#222; position: fixed; width: 100%; z-index: 10000;}
#header .box{ height:50px;}
#header .logo{ float:right;}
#header .logo a{ display: block; width: 127px; height: 50px; padding:5px 0;    margin-right: 10px;}
#header .logo img{ height:100%;}


#search{ max-width:640px; margin:0 auto; padding-top:50px; background:#fff; padding-bottom: 14px; box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
#search form{ width:100%; margin-top:15px; float:left;}
#search #searchword{ width: 56%; height: 48px; float:left; font-size:14px; line-height: 50px; background: #fff; padding: 0 2%; display: block; border: 1px #e4e4e6 solid;outline:none;}
#search #btnSearch1{width: 14%; height:48px; font-size: 18px; color: #fff; background: url(../images/search-ico.png) center #0099e5 no-repeat; border: none;  text-indent: 26px; border-radius:0 2px 2px 0;}
#search .search_box{ float:left;background: #fff;  width:30%; height: 48px; border: 1px solid #dcdcdc; border-left: none; border-right: none; line-height: 48px; cursor: pointer; font-size: 16px; color: #666; position: relative;}
#search .search span{ line-height: 48px; width:100%; display: inline-block; text-align: center;}
#search .search i{ background:url(../images/jiantou_ico.png) no-repeat;display: inline-block; width: 7px; height: 4px;vertical-align: middle; position: absolute;  top: 23px; right:10px; transition:0.2s;}
#search .search_box:hover i{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
#search .search_type{}
#search .search_group{position: absolute; left: -1px; width:100%; background: #fff; border: 1px solid #eeeff2; display:none; z-index: 100;}
#search .search_group li{display: block; line-height: 36px; height: 36px;  text-align: left; padding-left: 4px;    position: relative;}
#search .search_group li:hover{ background:#fafafa;}
#search .search_group a{ color: #666;}
#search .join:hover{ color:#269edc; border: 1px solid #269edc;}

#content{ max-width:640px; margin:0 auto; background:#f7f8fa;}
#content .box li{ overflow:hidden; width: 100%; position:relative;}
#content img{ width:100%;}
#content li .bottom{ position:absolute; width:100%; height: 34px; transition:0.4s; bottom:0;}
#content li p, #content li .shade{ width:100%; height: 34px; position:absolute; left:0; top:0;}

#content li p{ line-height: 34px; font-size: 14px; text-indent: 10px;}
#content li p a{color: #edf0f2; float:left;}
#content li p a.down{ float:right; width:12px; height:34px; margin-right:20px; background:url(../images/down_ico.png) no-repeat 0 -34px;}
#content li a.down:hover{ background:url(../images/down_ico.png) no-repeat 0 0;}
#content li .shade{ background: -webkit-gradient(linear,center top,center bottom,from(rgba(255,255,255,0)), to(rgba(0,0,0,1))); filter:alpha(opacity:30); opacity:0.3;}

/***********详情页内容区*************/
#piccontent{ background:#f7f8fa;}
#piccontent .left{ width:100%;}
#piccontent .top{ border: #ededed 1px solid;  width: 100%; background:#fff; padding-bottom: 10px;}
#piccontent h1{    
    color: #444;
    font-size: 18px;
    line-height: 30px;
    height: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
	font-weight:normal;
	text-align:center;
}
#piccontent .left ul{ padding-left:30px;}
#piccontent .left li{ margin-right:15px; float:left; line-height: 30px; color: #999;  font-size: 14px;}
#piccontent .left li b{
	display: inline-block;
    width: 19px;
    height: 16px;
    margin-top: -6px;
    vertical-align: middle;
    margin-right: 5px;
}
#piccontent .left li span{}
#piccontent .left .li1 b{ background:url(../images/icon-upload.png) no-repeat;}
#piccontent .left .li2 b{ background:url(../images/icon-upload.png) no-repeat -19px 0;}
#piccontent .left .li3 b{ background:url(../images/icon-upload.png) no-repeat -38px 0;}

#piccontent .picbody{}
#piccontent .picbody img{ width:100%; height:auto;}

#piccontent .right{ width:100%;}
#piccontent .right h3{
	font-size: 18px;
    color: #666666;
    width: 100%;
    height: 73px;
    line-height: 73px;
    text-align: center;
    border-bottom: 1px solid #ededed;
	font-weight:normal;
	background:#fff;
}
#piccontent .right a.down{
	display: block;
    height: 46px;
    width: 290px;
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 46px;
    border-radius: 2px;
    background: #269edc;
    margin: 0 auto 8px;
}
#piccontent .right .size{  padding: 11px 0 11px 20px; }
#piccontent .right .size li{ height: 30px; line-height: 30px; font-size: 14px; color: #666;}
#piccontent .right .size span{ display:inline-block;} 
#piccontent .right .size .span1{ width: 125px; text-indent: 30px; background:url(../images/size_ico.png) no-repeat 6px 0;}
#piccontent .right .size .span2{ width: 100px;}
#piccontent .right .infobox{   border: #ededed 1px solid; margin-top:10px; background:#fff;}
#piccontent .right .downbox{  border: #ededed 1px solid; background:#fff;border-top: none;}
#piccontent .right .info{ padding: 10px 20px 0;}
#piccontent .right .info p{ line-height: 28px; color: #999; position:relative;}
#piccontent .right .info span{ padding-left: 0px;padding-right: 0px;margin-right: 0px;position: absolute;left: 105px;}
#piccontent .right .info{}
.relatedtitle{ color: #666666;  height:20px; font-size:14px; line-height:20px; font-weight:normal; margin:6px 0; padding:0 5px; border-left:3px solid #269edc;}

/***********详情页内容区end*************/

.position{ padding:10px 0 10px 10px; color:#999;  text-align: left;}
.position a{height: 24px; line-height: 24px; color:#999; font-size: 14px;}
.position a:hover{ color:#0099e5;}

.page{ text-align:center;}
.page ul{ display:inline-block;}
.page li{ float:left; line-height: 40px; margin:10px 5px; border-radius:3px;}
.page li.thisclass{padding: 0 20px; background: #269edc; color:#fff;}
.page a{
	background: #fff;
    padding: 0 20px;
    color: #8c8c8c;
    display: inline-block;
    max-height: 40px;
    line-height: 40px;
    border: 1px #d8dce0 solid;
    margin: 0 2px;
    border-radius: 3px;
}
.page li:hover a{ background: #269edc; color:#fff;}
#footer{ max-width:640px; margin:0 auto; background:#222;}
#footer .w1200{ padding:0 10px;}
#footer .left{ margin-top:20px;}
#footer .left p{ color:#ccc; line-height:24px; font-size:14px; margin-bottom: 8px; text-align:left;}
#footer i{ float:left; width:21px; height:24px; margin-right:8px;}
#footer .email i{ background:url(../images/footer_ico.png) no-repeat 0 0;}
#footer .address i{ background:url(../images/footer_ico.png) no-repeat -21px 0;}
#footer .banquan i{ background:url(../images/footer_ico.png) no-repeat -42px 0;}
#footer .right{ margin-top:10px;}
#footer .right img{ width: 85px;  height: 85px; display: inline;}
#footer .right p{ font-size: 12px; line-height: 28px; color: #ccc;}