/*	-------------------------------------------------------------
	Ectrip CSS Widget
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Design By:		ajuan xyb
	Description:	Styles Base for  Booking
	Filename:		book.css
	Version:		2.0
	Create Date:	2011.10.09 ajuan
	Last Edit:		2011.12.26 xyb
	-------------------------------------------------------------	*/
@import url(/b2cFrame/styles/font.css);
@import url(/b2cFrame/styles/main.css);
@import url(/styles/jqueryui/green/jquery-ui-1.7.2.custom.css);
@import url(/b2cFrame/styles/ectrip.ui.grid.css);
@import url(/b2cFrame/styles/ectrip.ui.tools.css);
@import url(/b2cFrame/styles/style.css);
@import url(/styles/lightbox/lightbox.css);
 

.float_left {
	float:left;
	display:inline;
}

.float_right {
	float:right;
	display:inline;
}

.sw-nav {
	width:980px;
	height:56px;
	margin:0 auto;
	background:url(/book/styles/images/nav-m.gif) repeat-x;
	position: relative;
	z-index: 9;
}

.sw-nav .sch {
	width:330px;
	height:31px;
	margin-top:15px;
	margin-left:20px;
}

.sw-nav .input {
	border:1px solid #5b9501;
	height:29px;
	line-height:28px;
	width:227px;
	background:url(/book/styles/images/input-bg.gif) repeat-x;
	text-indent:2px;
	float:left;
}

.sw-nav .hot {
	margin-top:15px;
	float:left;
	line-height:30px;
	width:230px;
}

.sw-nav .hot a { color:#e5e5e5; }

/*------购物车------ Starts*/
.shopcar {
	width:213px;
	height:26px;
	float:left;
	background:url(images/shopcar.gif) no-repeat;
	margin-top:15px;
	line-height:24px;
	margin-left:10px;
	position: relative;
}

.shopcar i.num {
	margin-left:73px;
	color:#066fc9;
	width:18px;
	text-align:center;
	display:inline-block;
}

#showshopcart {
	position: absolute;
	height: 33px;
	overflow: visible;
	width: 142px;
	top: 0;
	left: 0;
}

.shopcar a {
	color:#fff;
	margin-left:60px;
}

#shopcarList {
	position: absolute;
	width: 450px;
	border:2px solid #fdaf31;
	right: -71px;
	top: 32px;
	background-color: #FFF;
	padding: 0 0 10px 0;
	display: none;
}

#shopcarList .arrow {
	position: absolute;
	right: 132px;
	top: -6px;
	border-bottom: 4px solid #fdaf31;
	border-left: 4px solid #139402;
	border-right: 4px solid #139402;
	width: 0;
	height: 0;
	overflow: hidden;
}

#shopcarList li {
	margin: 0 5px;
	border-top: 1px dashed #F7F7F7;
	position: relative;
	vertical-align: bottom;
	padding: 3px 100px 3px 5px;
	line-height: 20px;
}

#shopcarList li .price {
	position: absolute;
	right: 0;
	top: 3px;
	color: #F60;
	text-indent: 0;
}

#shopcarList li.item0 { border-top: 0; }

#shopcarList li.w_btn {
	padding: 10px 0 0 5px;
	text-align: right;
}

#shopcarList li.w_btn .price {
	color: #666;
	text-align: left;
	left: 0;
	top: 16px;
	z-index: 1;
}

#shopcarList li.w_btn a:link,
#shopcarList li.w_btn a:visited,
#shopcarList li.w_btn a:hover {
	float: none;
	display: inline-block;
 *display: inline;
	zoom:1;
	height: 31px;
	position: relative;
	z-index: 2;
}

.shopCarMsg {
	position: absolute;
	height: 150px;
	width: 360px;
	left: 50%;
	margin-left: -179px;
	background-image: url(images/shopCarMsg_bg.png);
	z-index: 101;
	display: none;
}

.shopCarMsg .close:link,
.shopCarMsg .close:visited,
.shopCarMsg .close:hover {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 46px;
	height: 20px;
	display: block;
}

.shopCarMsg .w_m {
	margin: 10px 0 0 10px;
	padding: 0 0 0 60px;
	height: 100px;
	overflow: auto;
	overflow-x: hidden;
	line-height: 25px;
	background-image: url(images/shopCarMsg_ok.png);
	background-position: left top;
	background-repeat: no-repeat;
}

.shopCarMsg .w_m .msgtitle { margin-top: 12px; }

.shopCarMsg .w_m_err { background-image: url(images/shopCarMsg_err.png); }

.shopCarMsg .w_btn {
	position: absolute;
	bottom: 10px;
	left: 0;
	text-align: right;
	width: 49%;
}

.shopCarMsg .w_btn_go {
	left: auto;
	right: 0;
	text-align: left;
}

/*------购物车------ End*/
/*左边*/

 

.ec-s .ec-g-2-2 {
	width:250px;
}
 

.ec-s .ec-g-2-1 {
	width: 930px;
}
  
.lc-bg {
	height:40px;
	background:url(/book/styles/images/lc-bg.gif) no-repeat;
	margin-top:8px;
	line-height:40px;
}

.lc-bg li {
	float:left;
	width:83px;
	text-align:center;
	color:#b26000;
	font-weight:bold;
}

/*---灰色titleWidget---*/
.til01 {
	height: 33px;
	background: url(/styles/images/til_mid.gif) repeat-x;
	margin-top:10px;
	position: relative;
	line-height: 31px;
	text-indent: 7px;
	z-index: 2;
}

.til01,
.til01 a:link,
.til01 a:visited {
	font-size:14px;
	color:#333;
	font-weight:bold;
	position: relative;
}

.til01 i.tl,
.til01 i.tr,
.til01 i.tr-info,
.til01 a.more {
	position: absolute;
	top: 0;
	height: 33px;
	display:block;
	background-position: 0 0;
	background-repeat: no-repeat;
}

.til01 i.tl {
	left: 0;
	width: 7px;
	background-image: url(/styles/images/til_left.gif);
}

.til01-bg { padding-left: 100px; }

.til01-bg i.tl,
.til01-green i.tl,
.til01-hot i.tl { background-image: url(images/sprite_til01.png) }

.til01-bg i.tl,
.til01 i.tl-green {
	width: 92px;
	text-align: center;
	text-indent: -3px;
}

.til01-bg i.tl,
.til01-bg i.tl a:link,
.til01-bg i.tl a:visited { color:#daffd5; }

/*-灰色titleWidget 绿tl-*/
.til01-green { padding-left: 18px; }

.til01-green i.tl {
	width: 15px;
	background-position: 0 -50px;
}

.til01-green,
.til01-green a:link,
.til01-green a:visited,
.til01 i.tl-green,
.til01-hot i.tl { color:#2c8520; }

/*-灰色titleWidget 绿bg-b  继承til01-bg*/

.til01-bg-b i.tl {
	background-position: 0 -92px;
	width: 90px;
	padding-left: 8px;
	text-indent: 0;
}

/*-灰色titleWidget Hot*/

.til01-hot i.tl {
	background-position: 0 -135px;
	width: 50%;
	height: 48px;
	text-indent: 40px;
	top: -3px;
	line-height: 39px;
	left: -3px;
}

.til01-hot { }

.til01 a.more {
	right: 9px;
	top: 11px;
	width: 37px;
	height: 11px;
	background-image: url(/styles/images/more.gif);
	overflow: hidden;
	line-height: 100px;
}

.til01 i.tr,
.til01 i.tr-info {
	right: 0;
	width: 9px;
	background-image: url(/styles/images/til_right.gif);
	background-position: right top;
}

.til01 i.tr-info {
	right: 0;
	color:#666;
	width: 30%;
	padding-right: 9px;
	font-weight: normal;
	text-align: right
}

.news {
	line-height: 24px;
	display: block;
}

.news li {
	height: 24px;
	line-height: 24px;
}

.news li a {
	float: left;
	display: block;
	font-size: 14px;
	overflow: hidden;
	background: url(/styles/images/dd.gif) no-repeat left center;
	padding-left: 8px;
}

.news li .newtime {
	float: right;
	width: 70px;
	display: block;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
}

.box_pub,
.box_03 {
	border:1px solid #d3d3d3;
	padding: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position: relative;
	z-index: 1;
}

.box_03 {
	border-top: 0;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	padding:10px;
}

.box_pub a.more {
	position: absolute;
	top: 10px;
	right: 15px;
}

/*---橙色titleWidget---*/
.box-yellow .til01,
.box-yellow .bbg {
	border-top: solid 1px #eae96e;
	background-image: none;
	background-color: #fffec6;
	overflow: visible;
	position: relative;
}

.box-yellow .til01 i.tl,
.box-yellow .til01 i.tr {
	height: 34px;
	line-height: 34px;
}

.box-yellow .til01 i.tl,
.box-yellow .til01 i.tr,
.box-yellow .bbg i.bl,
.box-yellow .bbg i.br {
	background-image: url(images/sprite_til01-yellow.png);
	top:  -1px;
	left: 0;
	position: absolute;
	display: block;
}

.box-yellow .til01 i.tr,
.box-yellow .bbg i.br {
	left: auto;
	right: 0;
}

.box-yellow .bbg {
	border-top: 0;
	border-bottom: solid 1px #eae96e;
	height: 5px;
	line-height: 5px;
}

.box-yellow .bbg i.bl,
.box-yellow .bbg i.br {
	top: auto;
	bottom: -1px;
	height: 6px;
	width: 6px;
	background-position: 0 bottom;
}

.box-yellow .bbg i.br { background-position: right bottom; }

.box-yellow .box_m {
	border-color: #eae96e;
	background-color: #fffec6;
	border-bottom: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
}

.box-tools {
	margin-top: 10px;
	border: 1px solid #dedede;
	height: 162px;
	overflow: hidden;
	background: url(/styles/images/bg-tools.png) 0 center no-repeat;
}

.box-tools a:link,
.box-tools a:visited {
	color:#888;
	width: 83px;
	margin-left: -1px;
	display:block;
	height: 25px;
	float: left;
	padding-top: 56px;
	text-align: center;
}

.ad { margin-top: 10px; }

.hotel-book { line-height:30px; }

.hotel-book b { color:#555; }

.btn01 {
	width:60px;
	height:29px;
	border:0;
	line-height:29px;
	color:#9c4200;
	text-align:center;
	background:url(/book/styles/images/btn01.gif);
}

.paihangbang {
	line-height:24px;
	background:url(/book/styles/images/list.gif) no-repeat 0 31px;
}

.paihangbang tr.title td { border-bottom: 1px dashed #EEE; }

.paihangbang td.first { padding-left:20px; }

.zhoubian {
	height:70px;
	line-height:24px;
	margin:5px 0;
}

.zhoubian img {
	width:90px;
	height:70px;
	float:left;
	margin-right:10px;
}

/*右边*/
.picFocusScroll,
.picFocusScroll .scroll_m,
.picFocusScroll .contentlist li,
.picFocusScroll .contentlist li img {
	width: 710px;
	height: 200px
}

.box-table tr.caption th,
.box-table th.first,
.box-table td.first,
.box-table caption,
.box-table th,
.box-table td { border-color:  #bbedaa; }

/*切换*/

.tabs a:link,
.tabs a:visited {
	color:#FFF;
	background-color: #47bacd;
	border: 1px solid #00ada6;
	line-height: 25px;
	padding: 5px 10px;
	margin-right: 5px;
	font-size: 12px;
}

.tabs a:hover,
.tabs .on:link,
.tabs .on:hover,
.tabs .on:visited {
	background-color: #FFF;
	text-decoration:none;
	color: #666;
}

.tabs-green {
	border-bottom: 1px solid #34b31e;
	height: 29px;
}

.tabs-green a:link,
.tabs-green a:visited {
	color:#111;
	text-align: center;
	background-color: #FFF;
	background-image: url(images/sprite_tbg_green.png);
	background-position: -101px 0px;
	border: 0;
	line-height: 30px;
	padding: 0;
	width: 96px;
	height: 30px;
	margin-left: 10px;
	margin-right: 0;
	display: inline-block;
	zoom:1;
 *display: inline;
}

.tabs-green a:hover,
.tabs-green .on:link,
.tabs-green .on:hover,
.tabs-green .on:visited {
	background-color: #FFF;
	text-decoration:none;
	color: #34b31e;
	background-position: 0 0;
}

/*继承tabs-green*/
.tabs-gray {
	border-bottom-color: #d0d0d0;
	height: 25px;
	margin: 5px;
}

.tabs-gray i.tl {
	padding: 0 20px 0 8px;
	color: #2C8520;
}

.tabs-gray a:link,
.tabs-gray a:visited {
	background-image: url(images/sprite_tbg_gray.png);
	background-position: -74px 0px;
	line-height: 26px;
	width: 68px;
	height: 26px;
}

.tabs-gray a:hover,
.tabs-gray .on:link,
.tabs-gray .on:hover,
.tabs-gray .on:visited { background-position: 0 0; }

.tabs a:hover { color:#51a208; }

/*选中条件*/

.h-choosed i {
	margin-left: 5px;
	font-family: Tahoma;
	font-weight: bold
}

.h-choosed:link,
.h-choosed:visited,
.c-choosed:link,
.c-choosed:visited,
.c-choosed:hover {
	padding: 0 3px 2px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-right: .5em;
}

.c-choosed:link,
.c-choosed:visited {
	padding: 0 3px 2px;
	border: 1px solid #FFF;
}

.c-choosed:hover { color: #fc9641; }

.h-choosed:link,
.h-choosed:visited,
.c-choosed-hover:link,
.c-choosed-hover:visited,
.c-choosed-hover:hover {
	background-color: #fc9641;
	border: 1px solid #fc9641;
	color: #FFF;
}

.h-choosed:hover {
	background-color: #fdebdc;
	border: 1px solid #fbcaa0;
	color: #fc9641;
	text-decoration: none
}

/*------图片+标题------*/
.pic_t_list li {
	overflow: hidden;
	padding: 5px 0 10px 0
}

.pic_t_list li .img_k {
	float: left;
	width: 100px;
}

.pic_t_list li .img_k img {
	padding: 1px;
	border: 1px solid #EFEFEF
}

/*------ul+li实现 图片方形，水平居中，垂直居中，design by xyb图片+标题------*/
.pic_p_list {
	margin-top: 20px;
	width: 105%;
}

.pic_p_list li {
	overflow: hidden;
	padding: 10px 0 0;
	float: left;
	width: 30.2%;
	margin: 10px 0 5px 1.6%;
	border-top: 0;
	display: inline;
	text-align: center;
	position: relative;
	height: 186px;
}

.pic_p_list li a:link,
.pic_p_list li a:hover {
	white-space: nowrap;
	padding: 0;
}

.pic_p_list li .img_k {
	height: 160px;
	width: 160px;
	margin: 0 auto 5px;
	background-color: #FFF;
	border: 1px solid #EFEFEF;
	position: relative;
	left: 0;
}

.pic_p_list li .img_k i {
	display: block;
	height: 150px;
	width: 150px;
	overflow: hidden;
	left: 5px;
	top: 5px;
	position: absolute;
}

.pic_p_list li .img_k i a { overflow: hidden; }

.pic_p_list li img {
	padding: 1px;
	border: 0;
	width: 150px;
	height: 150px;
 *vertical-align:bottom; /*除去底部空格*/
/*max-height: 150px;
	min-width: 150px;*/
	/*IE6下图片实现 min-width和min-height*/
	/*_width: expression(this.width > this.height ? 'auto' : '150px');
 _height: expression(this.height > this.width ? 'auto' : '150px');*/
}

.pic_p_list li p {
	color: #999;
	text-align: left;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

/*------酒店------*/

.rightbox-hotel .tabs { margin: 10px 0; }

.chooseContorl {
	position: absolute;
	right: 10px;
	top: 5px;
}

.chooseList { display: none; }

.form-m-hotel li {
	padding-left: 0;
	line-height: 25px;
}

.form-m-hotel li.choosed {
	background-color: #FFFEC6;
	padding: 5px;
	border: 1px solid #EAE96E;
	margin-bottom: 5px;
}

/*酒店列表*/

.hotelList { padding-top: 10px; }

.hotelList .img_m {
	background-color: #f3f3f3;
	padding: 5px;
	border: 1px solid #eaeaea;
	float: left;
	margin: 0 10px 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.hotelList p.detail {
	line-height: 20px;
	text-indent: 2em;
	color: #999;
	margin: 10px 0
}

.hotelList .box-table { margin-bottom: 30px; }

/*------门票------*/
.picFocusScrollTicket { float: left; }

.picFocusScrollTicket,
.picFocusScrollTicket .scroll_m,
.picFocusScrollTicket .contentlist li,
.picFocusScrollTicket .contentlist li img {
	width: 360px;
	height: 223px
}

.picFocusScrollTicket .contentlist_x li .info { padding: 6px 10px 8px 10px; }

.box-ph {
	float: right;
	width: 340px;
}

.box-img li {
	float: left;
	width: 25%;
	margin-left: -1px;
	text-align: center;
}

.box-img li img {
	width: 160px;
	height: 120px;
}

.box-img a i {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-moz-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.box-img a i,
.box-img a p {
	display: block;
	margin: 0 1em;
	line-height: 25px;
}

.box-img a p {
	color: #999;
	text-align: left;
	line-height: 18px;
	padding-top: 5px;
}

.hot-text-list {
	border-top: 1px dashed #EFEFEF;
	margin-top: 10px;
	padding: 10px 10px 0
}

.hot-text-list li {
	float: left;
	width: 25%;
	line-height: 22px;
}

.ticket-hot-sort {
	padding: 0 10px;
	background-color: #ebebeb;
	background-image: url(/styles/images/status_hot.png);
	background-repeat: no-repeat;
	background-position: 99.5% 0;
}

.ticket-hot-sort li {
	border-bottom: 1px solid #dadada;
	border-top: 1px solid #FFF;
	line-height: 35px;
	font-size: 14px;
	text-indent: 10px;
}

.ticket-hot-sort li.first { border-top:0; }

.ticket-hot-sort li.last { border-bottom:0; }

.ticket-detail-list .title { font-weight: bold; }

.ticket-detail-list p { color: #999 }

.ticket-detail h2.til01 {
	margin-top: 16px;
	padding: 10px 0;
	border: 1px solid lightGrey;
	border-bottom: 0;
	background-image: none;
	text-align: center;
}

.ticket-detail h2.til01 i.tl,
.ticket-detail h2.til01 i.tr { display: none; }

.ticket-detail .picFocusScrollTicket {
	border: 1px solid #EFEFEF;
	padding: 1px;
	margin-right: 50px;
}

.ticket-detail .content-info p { padding: 0 0 5px 45px; }

.ticket-detail .content-info p.comment {
	text-indent: -39px;
	padding-top: 10px;
}

.ticket-detail .content-info p b { margin-left: -39px; }

.ticket-detail .content-all { margin-top: 20px; }

.ticket-detail .content-all .tabsContent { padding: 10px; }

.ticket-detail .content-all p {
	line-height: 20px;
	text-indent: 2em;
	margin: 0.75em 0;
}

.ticket-detail .content-all h3.contentTitle {
	border-bottom: 1px solid #EEE;
	height: 25px;
	margin: 10px 0;
	line-height: 25px;
}

.ticket-detail .content-all h3.contentTitle i {
	border-bottom: 1px solid #8acb71;
	height: 25px;
	display: inline-block;
*display: inline;
	zoom:1;
	padding: 0 3px;
}

/*评论*/

.plmain h3.til01 {
	background-image: none;
	background-color: #8acb71;
	color: #FFF;
}

.plmain ul.pllist li {
	border-top: 1px dashed #EEE;
	margin: 5px 5px 0;
	padding: 5px 0 0;
}

.plmain ul.pllist li.first { border: 0; }

/*留言*/
.lymain h3.til01 { background-color: #B7B7B7; }

.lymain li { position: relative; }

.lymain li i.datetime {
	position: absolute;
	top: 5px;
	right: 5px;
}

.lymain .remsg {
	margin-top: 10px;
	border: #EEE solid 1px;
	padding: 5px 0;
	text-indent: 0;
	color: #666
}

.pic_t_list li .img_k img {
	padding: 1px;
	border: 1px solid #EFEFEF
}

.ticket-pl .w_m {
	height: 260px;
	overflow: hidden;
}

.plmain .form-m { margin: 0 5px; }

.plmain .form-m lable { font-weight: bold; }

.pl-list li {
	border-top: 1px dashed #EFEFEF;
	line-height: 22px;
	margin: 0 0 10px;
	padding-top: 10px;
	color: #666;
}

.pl-list li.first {
	border-top:0;
	padding-top: 0;
}

/*------商品------*/
.shopsortList li {
	position: relative;
	line-height: 36px;
	border-top: 1px solid #F5FBFE;
	font-size: 14px;
}

.shopsortList li.first { border-top: 0; }

.shopsortList li a:link,
.shopsortList li a:visited {
	display: block;
	padding-left: 15px;
}

.shopsortList li a:hover { background-color:#F5FBFE }

.shopsortList li a:link .ui-icon,
.shopsortList li a:visited .ui-icon {
	background-position: -32px 0;
	position: absolute;
	top: 10px;
	left: -3px;
}

.shopsortList li .on:link .ui-icon,
.shopsortList li .on:visited .ui-icon,
.shopsortList li a:hover .ui-icon { background-position: -30px 0; }

.pic_p_list-sp { margin-top: 0; }

.pic_p_list-sp li {
	text-align: left;
	width: 27.2%;
	margin: 10px 2% 5px 2.6%;
	height: 260px;
	line-height: 20px;
}

.pic_p_list-sp li .img_k {
	height: 190px;
	width: 190px;
}

.pic_p_list-sp li .img_k i,
.pic_p_list-sp li img {
	width: 180px;
	height: 180px;
}

.shop-detail { margin-top: 10px; }

.shop-detail h2.nameTitle {
	text-align: center;
	font-size: 16px;
	border-bottom: 1px solid #EEE;
	padding: 10px;
}

.shop-detail .ps_container {
	margin-top: 0;
	overflow: hidden;
	float: left;
	width: 420px;
	height: 300px;
	margin-right: 20px;
	margin-top: 20px;
}

.shop-detail .ps_image_wrapper {
	width: 320px;
	height: 240px;
}

.shop-detail .ps_image_wrapper img { /*max-width: 320px;
	max-height: 300px;*/ }

.shop-detail .detail ul,
.shop-detail .detail .quick-order { border-bottom: 1px solid #EEE; }

.shop-detail .detail {
	float: left;
	width: 500px;
	line-height: 25px;
	margin-top: 20px;
}

.shop-detail .detail .quick-order {
	padding: 10px 0 0 5em;
	line-height: 30px;
	color: #666;
}

/*------线路------*/

.linedetail-xc-list .title {
	font-weight: bold;
	color: #999;
}

.linedetail-xc-list li {
	padding: 10px 0;
	border-top: 1px dashed #EEE;
}

.linedetail-xc-list li.first { border-top: 0; }

.linedetail-xc-list h3 i { padding-right: 2em; }

.linedetail-xc-list li .img_k {
	border: 1px solid #EEE;
	width: 240px;
	float: left;
	margin-right: 1em;
}