@charset "utf-8";

.fl{float:left}.fr{float:right}.cb{clear:both}
.tl{text-align:left}.tc{text-align:center;}.tr{text-align:right}
.pos_abs{position:absolute}.pos_rel{position:relative}.pos_fix{position:fixed}
.hide{display:none}
.cl,.clear{clear:both;font-size:1px;height:0px;overflow:hidden;visibility:hidden}
.clearfix:after{display:block;content:".";clear:both;height:0;width:0;visibility:hidden;overflow:hidden;}
.clearfix{zoom:1;}
.blank10{clear:both;font-size:1px;height:10px;overflow:hidden;}
.blank15{clear:both;font-size:1px;height:15px;overflow:hidden;}
.blank20{clear:both;font-size:1px;height:20px;overflow:hidden;}
.blank40{clear:both;font-size:1px;height:35px;overflow:hidden;}
.p10{padding:10px;}.mt10{margin-top:10px;}.pt10{padding-top:10px;}

.wrap,.sock{width:1000px;margin:0 auto;}

/*分栏*/
#container{min-height:500px;_height:500px;background:#fff;box-shadow:0 2px 3px #aaa;margin-top:11px;margin-bottom:11px;z-index:1;padding: 10px 15px;}

/*位置*/
.crumb{height:40px;line-height:35px;font-size:14px;border-bottom:1px solid #D8D8D8;background:url('crumb.png') no-repeat 2px 5px;padding-left:15px;margin:0 0 15px 0;}
.crumb span{color:#c00}
.crumb .fl{font-size:15px;font-family:'\5FAE\8F6F\96C5\9ED1';color:#c00;}

/*内容*/
.content {font-size:14px;overflow:hidden;}


.border{border-radius:3px 3px 0 0;border:1px solid #eee;margin:0 0 10px 0;}
.border .title{line-height:31px;background:#f3f3f3;border-bottom:1px solid #eee;padding:0 10px;font-weight:bold;}
.border .text{padding:10px;}

.cover img{float:left;margin-right:20px;height:300px}
.cover .text{height:320px;}
.cover h1{font-size:18px;color:#c00;margin:0 0 10px 0;}
.ablum{width:200px;}
.desc{width:740px;}
.ablum li{float:left;width:100px;}
.ablum li img{width:90px;margin:0 10px 10px 0;}

.prev_next{height:40px;line-height:40px;padding:0 5px;border-top:1px dashed #eee;}
.prev_next span{display:block;width:310px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prev_next strong{color:#333;}
.prev_next .prev{float:left;text-align:left;max-width:50%;overflow:hidden;overflow-text:ellipsis;height:40px;}
.prev_next .next{float:right;text-align:right;max-width:50%;overflow:hidden;overflow-text:ellipsis;height:40px;}

@media screen and (max-width: 767px){
  .wrap, .sock{width:100%;}
  .cover img{float:none;height:auto;width:100%;margin:0;}
  .cover .text{height:auto;}
  .ablum,.desc{width:100%;float:none;}
  .ablum ul{overflow:hidden;}
  .ablum li{width:50%;}
  .ablum li img{width:100%;}

}