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


	#map{
		float:left;
		width:703px;
		height:433px;
		margin:0 0 0 54px;
		}
	#insider_nearby_box{
		background:url(../images/attraction/nearby_inside.png) no-repeat;
		padding:18px 10px;
		width:308px;
		height:396px;
		float:right;
		overflow:hidden;
		margin:0 54px 0 0;
		}
	#insider_nearby{
		width:308px;
		height:394px;
		overflow:hidden;
		}
	.info_box img{
		float:left;
		width:120px;
		height:110px;
		position:relative;
		z-index:1px;
		-webkit-border-radius: 8px;  
		-moz-border-radius: 8px;  
		border-radius: 8px; 
		-moz-box-shadow: 0 0 5px #888;
		-webkit-box-shadow: 0 0 5px #888;
		box-shadow: 0 0 5px #888;  
		}
	.info_box{
		width:290px;
		height:114px;
		padding-top:9px;
		padding-left:5px;
		padding-bottom:9px;
		}
		
		.info_dec{
			width:150px;
			float:left;
			padding-left:15px;
			color:#666;
			font-size:13px;
			position:relative;
			height:110px;
			}
			.info_dec span{
				display:block;
				padding:2px 0 2px 18px;
				}
				.nearby_adress{
					background:url(../images/attraction/icon_adress.jpg) no-repeat 0 4px;
					}
				.nearby_time{
					background:url(../images/attraction/icon_time.jpg) no-repeat 0 4px;
					}
		.nearby_detail_btn {
			background:url(../images/attraction/detail_btn_bg.png) no-repeat;
			display:block;
			width:55px;
			height:20px;
			padding-top:2px;
			text-align:center;
			color:#fff !important;
			text-decoration:none !important;
			position:absolute;
			left:15px;
			bottom:0px;
			}
/**/
.detail_main{
	width:1065px;
	font-size:13px;
	line-height:18px;
	background:url(../images/attraction/detail_center.png) repeat-y;
	padding:16px 0 30px 0;
	color:#666;
	float:left;
	}
#detail_main_left{
	width:640px;
	float:left;
	}
	.detail_main .detail_title{
		font-size:24px;
		background:url(../images/attraction/detai_title_bg.png) no-repeat 20px center;
		padding-left:50px;
		color:#ef50a2;
		}
	.detail_info_main{
		padding:10px 20px;
		width:600px;
		background:#fff;
		margin:10px 0 20px 0;
		}
		.detail_info_main span{
			font-weight:bold;
			float:left;
			display:block;
			width:120px;
			}
	.detail_dec_main{
		padding:0 20px 15px 20px;
		}
	.detail_img{
		display:block;
		float:left;
		padding-top:28px;
		}
	.more_btn_detail{
		display:block;
		background:url(../images/attraction/more_detail.png) no-repeat;
		width:120px;
		height:21px;
		font-size:0;
		margin-left:20px;
		text-decoration:none;
		float:left;
		}
	.inline_top,.inline_bottom{
		float:left;
		}
/**/

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/attraction/bar_bg.jpg) no-repeat 0 0;
}
.jScrollPaneDrag {
	position: absolute;
	background:url(../images/attraction/scrollbar_bg.jpg) repeat-y;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*attraction infobox*/
.infoBox{
	cursor: pointer;
}

.attractionInfoBoxContent {
	width: 195px;
	height: 87px;
	position: relative;
}

	.attractionInfoBoxContent div{
		position: absolute;
		
		left:42px;
		top:7px;
	}

	.attractionInfoBoxContent img, p {
		float:left;
	}
	.attractionInfoBoxContent > div > img {
		width:50px;
		height:50px;
	}
	
	.attractionInfoBoxContent p{
		width: 80px;
		padding-left: 4px;
		
		font-weight: bold;
		color: #EF50A2
	}


.hiddenData {
	display: none;
}
.float_r{
	float:right !important;
	width:480px !important;
	display:block !important;
	font-weight:normal !important;
}