@charset "utf-8";
/* CSS Document */
/*海岛奇兵子页面样式*/
.sea-mid {
	margin-top:5px;
	width:100%;
}
/*左边*/
/*当前位置*/
.sea-mid .sea-left {
	float:left;
	padding-bottom:75px;
	width:725px;
	background-color:#fff;
}

.sea-mid .sea-left .position {
	padding-left:20px;
	width:auto;
	background-color:#f2f7fb;
	font-size:14px;
	line-height:54px;
	color:#333333;
}
.sea-mid .sea-left .position a {
	color:#333333;
}
.sea-mid .sea-left .position a:hover {
	color:#feac1c;
}
/*攻略列表*/
.sea-mid .sea-left .strategy-list {
	margin-left:15px;
	width:650px;
}
.sea-mid .sea-left .strategy-list ul {
	padding:25px 0;
	border-bottom:1px dashed #aaaaaa;
}
.sea-mid .sea-left .strategy-list ul.four {
	border:none;
}
.sea-mid .sea-left .strategy-list li {
	float:left;
	margin-left:5px;
	width:645px;
	height:31px;
	line-height:45px;
	color:#333333;
	font-size:14px;
	overflow:hidden;
}
.sea-mid .sea-left .strategy-list li a {
	display:block;
	display:inline;
	float:left;
	width:555px;
	color:#333333;
}
.sea-mid .sea-left .strategy-list li a:hover {
	color:#feac1c;
}
.sea-mid .sea-left .strategy-list li span {
	display:block;
	display:inline;
	float:left;
	white-space:nowrap;
}
/*页码*/
.sea-mid .sea-left .page-set {
	/*position:absolute;*/
	bottom:50px;
	padding:30px 0 4px;
	width:100%;
	text-align:center;
	vertical-align:bottom;
}
/*add by yw 2014-10-16*/
.page-set li{
	display:inline;
}

.sea-mid .sea-left .page-set a {
	margin:5px;
	padding:2px 10px;
	color:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-color:#aaa;
	border-width:1px;
	border-style:solid;
}
.sea-mid .sea-left .page-set a.now-page {
	color:#fff;
	background-color:#3e4150;
	border-color:#3e4150;
}
.sea-mid .sea-left .page-set a:hover {
	text-decoration:none;
}
/*右边*/
.sea-mid .sea-right {
	float:right;
	width:270px;
}
/*搜索框*/
.search-panel {
	width:100%;
	height:90px;
	background:url("../images/page_sbg.png") no-repeat;
}
.page-search {
	width:100%;
	height:60px;
}
.page-search .search-form {
	padding:15px 0 0 10px;
}
.page-search .search-form input {
	display:block;
	display:inline;
	float:left;
	border:none;
}
.page-search .search-form .search-info {
	padding:0 0 0 3px;
	width:182px;
	height:32px;
	line-height:32px;
	border:0;
}
.page-search .search-form .search-btn {
	width:60px;
	height:32px;
	background:url("../images/sea_btn.png") no-repeat;
}
.page-search .search-form .search-btn:hover {
	background-position:-60px 0;
}
/*热点搜索*/
.search-panel .hot {
	padding:0 0 0 12px;
	color:#feac1c;
	font-size:14px;
}
.search-panel .hot a {
	margin:0 5px;
	color:#fff;
}
.search-panel .hot a:hover {
	color:#feac1c;
}
/*推荐栏*/
.spage-com {
	margin-top:10px;
	width:100%;
	background-color:#fff;
}
.spage-com .sp-title {
	width:100%;
	height:40px;
	line-height:40px;
	background-color:#1981b6;
}
.spage-com .sp-title span,.spage-com .sp-title a {
	display:block;
	display:inline;
	color:#fff;
}
.spage-com .sp-title span {
	float:left;
	margin-left:15px;
	font-size:15px;
	font-weight:bold;
}
.spage-com .sp-title a {
	float:right;
	margin-right:15px;
	font-size:14px;
}
.spage-com .com-content {
	padding:10px 0;
	width:100%;
}
/*热门推荐*/
.hot-groom  {
	height:330px;
}
.hot-groom .com-content li {
	float:left;
	padding:0 10px;
	width:250px;
	height:27px;
	line-height:27px;
	overflow:hidden;
}
.hot-groom .com-content li a {
	color:#333333;
	font-size:12px;
}

/***************2014-10-17 修改*************/
.vg-content li.rank-list-current .hide {
	display:block;
}
.vg-content li.rank-list-current .show {
	display:none;
}
/***************2014-10-17 修改*************/

/*视频推荐*/
.video-groom {
	height:226px;
	}
.video-groom .vg-content {
	padding:0;
}
.vg-content li {
	position:relative;
	width:100%;
}
.vg-content li b {
	position:absolute;
	top:8px;
	left:6px;
	display:block;
	width:16px;
	height:17px;
	background:url("../images/stra_num.png") no-repeat;
}
.vg-content li b.bb1 {
	background-position:0 0;
}
.vg-content li b.bb2 {
	background-position:-20px 0;
}
.vg-content li b.bb3 {
	background-position:0 -20px;
}
.vg-content li b.bb4 {
	background-position:-20px -20px;
}
.vg-content li .info-line {
	padding:5px 0 5px 28px;
	width:100%;
	height:20px;
	line-height:20px;
	overflow:hidden;
}
.vg-content li .vision-line {
	padding:5px 0 5px 28px;
	width:242px;
	height:86px;
	background:#e3eef4;
	overflow:hidden;
}
.vg-content li a {
	color:#333333;
	font-size:12px;
}
.vg-content li img {
	width:116px;
	height:86px;
}
.vg-content li .vision-line .vis-box {
	position:relative;
	float:left;
	width:116px;
	height:86px;
	overflow:hidden;
}
.vg-content li .vision-line .tie {
	display:block;
	float:left;
	margin-top:1px;
	margin-left:5px;
	width:110px;
	line-height:21px;
}
.vision-line .vis-box div {
	width:100%;
}
.vision-line .vis-box .play-btn {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:116px;
	height:86px;
	background:url("../images/bp_btn.png") no-repeat;
	background-position:0 0;
}
.vg-content li .hide {
	display:none;
}


/*内容详情页样式*/
h1 {
	text-align:center;
	font-size:25px;
	font-weight:lighter;
	color:#000;
	line-height:2.5;
}
/**************2014-10-17 修改**************/
.sea-left .data {
	width:100%;
	font-size:13px;
	line-height:28px;
	text-align:center;
}
.sea-left .data span,.sea-left .data a {
	padding:0 8px;
	color:#aaaaaa;
	font-size:13px;
}
.sea-left .data .pl {
	color:#ed5770;
}
.sea-left .data .share {
	position:relative;
	display:inline-block;
	float:left;
	width:240px;
	height:28px;
	color:#333;
}
.sea-left .data .share span {
	display:inline-block;
	padding-right:16px;
	width:60px;
	cursor:pointer;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#fff;
}

/*文章分享*/
.data .share .share-box {
	position:absolute;
	top:18px;
	left:0;
	z-index:7;
	background:#fff;
	border-width:1px;
	border-style:solid;
	border-color:#d7d7d7;
	display:none;
}
.data .share .share-box ul {
	padding-top:5px;
	width:105px;
}
.data .share .share-box li {
	margin:3px 0;
	padding-left:8px;
	width:100px;
	text-align:left;
	line-height:20px;
}
.data .share .share-box li a {
	padding-left:22px;
}

/*****************2014-10-15 修改*****************/
.sea-left .art-con {
	margin:20px 30px 0 30px;
}
.sea-left .art-con img {
	margin:10px auto 0;
	display:block;
}
/*qq群*/
.sea-left p {
	margin:10px 30px 0 30px;
	font-size:16px;
	color:#333333;
}
.sea-left .for-qq {
	font-weight:bold;
	color:#ed5770;
}
.sea-left .trans {
	color:#333;
}
.sea-left p img {
	display:block;
	margin:0 auto;
	max-width: 100%;
}
.sea-left p .ti1 {
	color:#b30100;
	font-weight:bold;
}
.sea-left p .ti2 {
	color:#000;
	font-weight:bold;
}

/*/*投票*/
/*.vote-zone {
	position:relative;
	margin:20px auto;
	padding-bottom:20px;
	width:700px;
	border-width:2px 0;
	border-style:dotted;
	border-color:#d7d7d7;
}
.vote-zone p {
	margin:0 0 0 20px;
	color:#454545;
	line-height:30px;
}
.vote-zone p font {
	font-size:15px;
	color:#009cff;
}
.vote-zone .vote-ul {
	margin-top:20px;
	width:100%;
}
.vote-zone .vote-ul li {
	display:inline;
	float:left;
	margin:0 17px;
}
.vote-zone .vote-ul li .percent {
	position:relative;
	margin:0 auto;
	height:110px;
	width:23px;
	overflow:hidden;
}
.vote-ul li .percent .per-inner {
	position:absolute;
	left:0;
	bottom:0;
	width:23px;
	height:80%;
}
.vote-ul li .percent .per-inner .bgh {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:url("../images/vote_line.png");
	background-repeat:repeat-y;
}
.vote-ul li .percent .per-inner span {
	position:absolute;
	bottom:105%;
	display:block;
	width:23px;
	text-align:center;
}
#vote-num1 {
	height:100%;
}
#vote-num2 {
	height:5%;
}
#vote-num3 {
	height:15%;
}
#vote-num4 {
	height:0;
}
#vote-num5 {
	height:50%;
}
#vote-num6 {
	height:1%;
}
#vote-num7 {
	height:19%;
}
.vote-zone .vote-ul li a {
	display:block;
	margin:15px 0;
	height:52px;
	background:url("../images/vote_sort.png") no-repeat;
}
#vote1 {
	width:65px;
}
#vote2 {
	width:60px;
	background-position:0 -55px;
}
#vote3 {
	width:60px;
	background-position:0 -110px;
}
#vote4 {
	width:60px;
	background-position:0 -165px;
}
#vote5 {
	width:60px;
	background-position:0 -220px;
}
#vote6 {
	width:67px;
	background-position:0 -275px;
}
#vote7 {
	width:89px;
	background-position:0 -330px;
}
.vote-zone .vote-ul li .vote-for {
	display:block;
	width:100%;
	text-align:center;
	color:#454545;
}*/
/*投票分享*/

/**************2014-10-15 修改**************/
/*投票*/
.vote-zone {
	position:relative;
	margin:20px auto;
	padding-bottom:20px;
	width:700px;
	height:250px;
	border-width:2px 0;
	border-style:dotted;
	border-color:#d7d7d7;
}
.vote-zone #_mood {
	position:absolute;
	bottom:0;
	left:30px;
	margin-top:20px;
	text-align:left;
	height:210px;
}
.vote-zone #_mood {		/*** edit by yw 2014-10-24 **/
	position:absolute;
	bottom:0;
	left:30px;
	margin-top:10px;
	text-align:left;
	height:210px;
}
/*投票分享*/


.vote-zone .share-box {
	position:absolute;
	top:10px;
	right:10px;
}
.vote-zone .share-box span,.vote-zone .share-box a {
	display:block;
}
.vote-zone .share-box span,.vote-zone .share-box ul {
	float:left;
}
.vote-zone .share-box li {
	float:left;
	margin:0 2px;
}
.share-box li a {
	width:20px;
	height:20px;
	background:url("../images/share.gif") no-repeat;
}
.share-box li a:hover {
	opacity:0.6;
}
.share-box .share1 a {
	background-position:-50px 0;
}
.share-box .share2 a {
	background-position:-50px -50px;
}
.share-box .share3 a {
	background-position:-50px -100px;
}
.share-box .share4 a {
	background-position:-50px -150px;
}
.share-box .share5 a {
	background-position:-50px -200px;
}
.share-box .share6 a {
	background-position:-50px -250px;
}
.share-box .share7 a {
	background-position:-50px -300px;
}
.share-box .share8 a {
	background-position:-50px 0;
}
/*相关推荐*/
.recom-zone {
	margin:20px 20px 0 20px;
}
.recom-zone span.tie {
	display:block;
	margin:5px 0;
	width:70px;
	font-size:16px;
	text-align:center;
	border-bottom:2px solid #1b80b8;
	color:#333333;
}
.recom-zone li {
	line-height:36px;
	height:36px;
}
.recom-zone li a {
	display:block;
	display:inline;
	float:left;
	width:580px;
	font-size:16px;
	color:#333333;
}
.recom-zone li span {
	display:block;
	display:inline;
	float:left;
	font-size:14px;
	white-space:nowrap;
}


/*************2014-10-17 修改**************/
/*评论*/
.sea-left .data-con {
	margin:0 auto;
	width:685px;
}
.sea-left #pl-zone {
	margin:20px auto 0;
	width:680px;
}
/*评论*/


/*数据查询子页面样式*/
.sea-left .hit-down {
	width:680px;
	text-align:center;
	line-height:36px;
}
.sea-left .hit-down a {
	font-size:16px;
	font-weight:bold;
	color:#ed5770;
}
.sea-left .date-tie {
	text-align:center;
	color:#333;
	font-size:18px;
	line-height:40px;
}
/*建筑排列*/
.sea-left .build-data {
	margin:20px auto 60px;
	width:685px;
}
.sea-left .build-data ul {
	width:100%;
}
.sea-left .build-data li {
	float:left;
	margin:0 0 3px 3px;
	width:133px;
	height:156px;
}
.sea-left .build-data li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#d2e3eb;
}
.sea-left .build-data li a:hover {
	background:#fedea5;
}
.sea-left .build-data li img {
	display:block;
	margin:0 auto;
	padding-top:6px;
}
.sea-left .build-data li span {
	left:0;
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#1981b6;
}




/******** add by yw 2014-10-16 列表页与内容页区分开*********/
.sea-mid .list-sea-left {
	position:relative;
	float:left;
	padding-bottom:75px;
	width:725px;
	height:931px;
	background-color:#fff;
}
.page-set li{
	display:inline;
}
.sea-mid .list-sea-left .page-set a {
	margin:5px;
	padding:2px 10px;
	color:#000;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border-color:#aaa;
	border-width:1px;
	border-style:solid;
}
.sea-mid .list-sea-left .position {
	padding-left:20px;
	width:auto;
	background-color:#f2f7fb;
	font-size:14px;
	line-height:54px;
	color:#333333;
}
.sea-mid .list-sea-left .position a {
	color:#333333;
}
.sea-mid .list-sea-left .position a:hover {
	color:#feac1c;
}
/*攻略列表*/
.sea-mid .list-sea-left .strategy-list {
	margin-left:15px;
	width:650px;
}
.sea-mid .list-sea-left .strategy-list ul {
	padding:25px 0;
	border-bottom:1px dashed #aaaaaa;
}
.sea-mid .list-sea-left .strategy-list ul.four {
	border:none;
}
.sea-mid .list-sea-left .strategy-list li {
	float:left;
	margin-left:5px;
	width:645px;
	height:31px;
	line-height:45px;
	color:#333333;
	font-size:14px;
	overflow:hidden;
}
.sea-mid .list-sea-left .strategy-list li a {
	display:block;
	display:inline;
	float:left;
	width:555px;
	color:#333333;
}
.sea-mid .list-sea-left .strategy-list li a:hover {
	color:#feac1c;
}
.sea-mid .list-sea-left .strategy-list li span {
	display:block;
	display:inline;
	float:left;
	white-space:nowrap;
}
/*页码*/
.sea-mid .list-sea-left .page-set {
	position:absolute;
	bottom:50px;
	padding:30px 0 4px;
	width:100%;
	text-align:center;
	vertical-align:bottom;
}
/******** add by yw 2014-10-16 *********/


/*建筑排列*/
.sea-left .build-data {
	margin:20px auto 60px;
	width:685px;
}
.sea-left .build-data ul {
	width:100%;
}
.sea-left .build-data li {
	float:left;
	margin:0 0 3px 3px;
	width:133px;
	height:156px;
}
.sea-left .build-data li a {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	background:#d2e3eb;
	overflow:hidden;
}
.sea-left .build-data li a:hover {
	background:#fedea5;
}
.sea-left .build-data li img {
	display:block;
	height:110px;
	margin:0 auto;
	padding-top:6px;
}
.sea-left .build-data li span {
	position:absolute;
	bottom:8px;
	left:0;
	display:block;
	width:100%;
	text-align:center;
	font-size:14px;
	color:#1981b6;
}

.sea-left .send-word {
	margin:10px auto;
	padding:5px 20px;
	width:658px;
	font-size:13px;
	border:1px solid #f7dbb6;
	background:#fff3e5 url("../images/send_word.png") bottom right no-repeat;
}
.sea-left .send-word img {
	display:block;
	display:inline;
	float:left;
	margin-top:5px;
	width:65px;
	height:65px;
}
.sea-left .send-word .rinfo {
	float:right;
	width:575px;
}
.sea-left .send-word .rinfo p {
	margin:0;
	font-size:13px;
	color:#976126;
	line-height:25px;
}
.send-word .rinfo font {
	color:#129800;
}
.vote-zones {
	position: relative;
	margin: 20px auto;
	padding-bottom: 45px;
	width: 700px;
	border-bottom: 2px;
	border-style: dotted;
	border-color: #d7d7d7;
}
.vote-zones .share-box {
	position: absolute;
	top: 10px;
	right: 10px;
}
a.aw-load-more-content {
	display: block;
}
.aw-load-more-content {
	position: relative;
	overflow: hidden;
	height: 34px;
	line-height: 34px;
	margin: 20px 20px 0;
	background-color: #fafafa;
	text-align: center;
	cursor: pointer;
	color: #999;
}
.aw-load-more-content:hover {
	background: #499ef3;
	color: #fff;
}

.sea-mid .list-sea-left .strategy-list .clearfix .fg-li {
	border-bottom: 1px dashed #aaaaaa;
	margin-left: 5px;
	margin-bottom: 25px;
	height: 30px;
	line-height: 30px;
}