/*pc*/
#content {overflow: hidden; width: 1000px; margin: 0 auto}

.main {width: 640px; float: left; background: #fff; padding: 30px 0;}

/*header*/
.header {border-bottom: 1px #ddd solid; background: url("../images/banner.jpg") no-repeat 50% 0;  background-size: 100% auto}
.toper {height:60px; padding:120px 0 40px; position:relative; width: 1000px; margin: 0 auto; overflow: hidden;}
.logo {height:60px; line-height: 60px; float: left;}
.logo a {color:#fff; font-size:30px; color: #fff}
.logo img {height: 60px; display: inline-block;}
.tlink {float: right; display: none}
.tlink li {float:left; margin:0px 20px; position:relative}
.tlink li a {font-size: 14px; color: #333; display: block; width: 20px; height: 20px; padding: 10px; border:1px #ddd solid; text-align: center;}


/*pannel*/
.pannel {overflow: hidden; background: #fff; float: right; width: 240px; padding:45px 30px;}
.pannel .author {display: none;}
.pannel .namer {width: 100px; line-height: 15px; font-size: 12px; color: #666}
.pannel .titer {margin: 10px 0px; color: #333; font-size: 18px}
.pannel ul {overflow: auto; margin: 10px 0px;}
.pannel li {border-bottom: 1px #ddd solid}
.pannel li a {display: block; padding: 10px 0px; overflow: hidden; font-size: 16px; color: #666}
.pannel li i {float: left; margin-right: 5px; width: 30px; text-align: center;}
.pannel .auther {margin: 0; overflow: hidden; font-size: 14px; width: 100%; position: absolute; left: 0; bottom: 40px; border-top:1px #ddd solid;}
.pannel .auther a {float: left; width:50%; height: 20px; border-left: 1px #ddd solid; margin-left: -1px; text-align: center; padding: 5px 0; color: #666; background: #f0f0f0;}
.pannel .teler {margin: 0; height: 20px; padding: 10px; background: #ff6600; color: #fff; font-size: 16px; width: 100%; position: absolute; left: 0; bottom: 0}

/*flist*/
.flist li .block {padding: 20px 0; border-bottom:1px #ddd solid;}
.flist li .imger {float: right; margin-left: 10px; position: relative; width: 200px; height: 130px; overflow: hidden;}
.flist li .imger img {width: 200px; min-height: 130px;}
.flist li .titer {font-size: 26px; font-weight: normal; color: #333; }
.flist li .intor {color: #333; font-size: 16px; line-height: 24px;}
.flist li .timer {font-size: 12px;  color: #999}

/*fdetail*/
.fdetail .titer {font-size: 20px; font-weight: normal; color: #333;}
.fdetail .titer h1 {color: #333; font-size: 30px; font-weight: normal;}
.fdetail .timer {font-size: 12px;  color: #999; margin: 10px 0}
.fdetail .intor {color: #333; font-size: 15px; line-height: 24px;}
.fdetail .intor img {width: 100%}

/*recommend*/
.recommend {margin: 40px 0px;}
.recommend ul {border: 1px #ddd solid;}
.recommend li:first-child {border-top: none;}
.recommend li {border-top: 1px #ddd solid;}
.recommend li a {font-size: 16px; color: #333; display:block; padding: 20px; }

/*poper*/
.mask {position:fixed; z-index:90; top:0; right:0; background:#000; display:block; width:100%; height:100%; Alpha(opacity=50); opacity:0.5; cursor:default}