@charset "utf-8";
/* CSS sxf 2013 */
*{margin:0;padding:0;list-style-type:none;}
body{  font-family:"微软雅黑"; color:#000; font-size:14px; }
a,img{border:0;}
a { text-decoration:none}
a:hover{ text-decoration:none;color:#535353}
a:focus{ outline:none}
a i{ display:none; cursor:pointer}
.fl{ float:left;*display:inline}
.fr{ float:right;*display:inline}
img{display:block}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.cb { clear:both;}
.corg { color:#e8683b;}
.cblu { color:#00aeff;}
.pr{ position:relative} 
.pa{ position:absolute}
.cg { color:#8dc014;}
.ovh{ overflow:hidden;*zoom:1}
em,i{ font-style:normal}
body.gril-bj{ background:#20140c}

/*增加酒店产品*/
.djc .productbox .tit{
	width:100%;
	}
/* 本例子css */
.hd1{ background:url(../images/hd1.jpg) no-repeat center top; height:509px}
.hd2{ background:url(../images/hd2.jpg) no-repeat center top; height:381px}
.hd3{ background:url(../images/hd3.jpg) no-repeat center top; height:979px}

.m-auto{ width:969px; margin:auto}
.video{ width:487px; height:342px; margin:24px 0 0 10px;}
.about{ width:416px; font-size:15px; color:#fff; line-height:24px; font-family:"微软雅黑"; margin:176px 0 0 33px; text-align:justify; text-indent:24px}

.m-auto2{ width:969px; margin:auto; position:relative}
.by-t{ width:468px; height:135px; position:absolute; left:0;top:18px}
.by1{width:465px; height:314px; position:absolute; left:0;top:263px}
.by2{width:464px; height:313px; position:absolute; left:0;top:610px}
.by3{width:487px; height:419px; position:absolute; left:485px;top:67px}
.by4{width:485px; height:409px; position:absolute; left:482px;top:512px}

/*hd4*/
.hd4{}
.tbtj{ width:971px; margin:auto; }
.title1{ background:url(../images/title1.png) no-repeat; width:436px; height:92px; margin:12px auto 17px auto}
.tbtj-box{width:800px;margin-left:73px;}
.tbtj-box a{ background:#fff; width:235px; height:266px; margin-bottom:20px;margin-left:30px;}
.ml10{ margin-left:10px}
.ml12{ margin-left:10px}
.ml13{ margin-left:10px}
.tbtj-box .img,.tbtj-box .img img{ width:235px; height:184px;}
.tbtj-box em{ padding-left:11px}
.tbtj-box .em1{ font-size:14px; color:#333333; padding-top:7px}
.tbtj-box .em2{ font-size:22px; font-weight:bold; color:#333; font-family:"微软雅黑";}
.tbtj-box .em3{ font-size:14px; color:#666666;font-family:"微软雅黑";}
.tbtj-box a,.tbtj-box a:hover{ text-decoration:none}


.video,.about,.by-t,.by1,.by2,.by3,.by4,.m-auto2 a,.tbtj-box .img,.tbtj-box a,.gdwl li{ display:block; float:left; overflow:hidden;}
.tbtj-box em,.title2,.tbtj-box,.title3,.djcbox,.title4,.food ul,.food,.food li tips span,.food li .tips span{clear:both; display:block; overflow:hidden}

/*gdwl*/
.gdwl{width:971px; margin:auto;}
.title2{ background:url(../images/title2.png) no-repeat; width:381px; height:95px; margin:20px auto 10px auto}
.gdwl li{ margin-bottom:10px; background:#fff}

.prize_btn {
    width: 215px;
    height: 25px;
    position: relative;
    bottom: -5px;
}
/*food*/
.title4{ background:url(../images/title4.png) no-repeat; width:381px; height:95px; margin:30px auto 20px auto}
.food{ height:924px;width:1000px; margin:auto;position: absolute;}
.food ul{ }
.food li a:hover{ text-decoration:none}
.food li{display:block; overflow:hidden; position:absolute}
.food li.fd1{ top:0; left:0; width:315px;height:300px;}
.food li.fd2{ top:312px; left:0;width:315px;height:180px;}
.food li.fd3{ top:507px; left:0;width:315px;height:180px;}
.food li.fd4{ top:699px; left:0;width:642px;height:180px;}
.food li.fd5{ top:0; left:328px;width:642px;height:195px;}
.food li.fd6{ top:208px; left:328px;width:315px;height:285px;}
.food li.fd7{ top:508px; left:328px;width:315px;height:180px;}
.food li.fd8{ top:207px; left:657px;width:156px;height:150px;}
.food li.fd9{ top:207px; left:818px;width:156px;height:150px;}


.food li.fd10{ top:363px; left:657px;width:315px;height:133px;}
.food li.fd100{ top:208px; left:657px;width:315px;height:285px;}
.food li img{ z-index:1}
.food li.fd11{ top:507px; left:657px;width:315px;height:373px;}
.food li .tips{  width:100%; position:relative; z-index:2;filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; cursor:pointer; background:#333; height:30px;margin-top:-30px; }
.food li .tips span{color:#fff; padding:0 10px; line-height:28px;}

/*度假产品*/
.title5{ background:url(../images/title5.png) no-repeat; width:394px; height:99px; margin:0 auto 10px auto}
.Vacation .hd li,.dujia,.btn,.jg em,.dujia,.djc li,.jg{ display:block; float:left; overflow:hidden;}
.Vacation .bd li,.Vacation,.Vacation .hd,.Vacation .bd,.o-img,.o-tps,.o-js,.o-bt,.dujia .inline,.map-t{clear:both; display:block; overflow:hidden}
.dujia{ width:235px; height:395px; margin-right:12px; margin-top:12px; background:#fff;}
.dujia.m0{ margin-right:0}
.dujia .inline{ padding:10px 10px 0 10px}
.dujia a:hover{ text-decoration:none}
.map-t{ font-size:24px; font-weight:bold; color:#e26604; padding:19px 0 17px 0;width:1004px; margin: auto}
.mapbox{ background:url(../images/mapbox.jpg) no-repeat; width:1004px; height:710px;margin:auto; position:relative}
.js{ font-size:18px; color:#fff;width:278px; line-height:24px; top:380px; right:54px; position:absolute; text-align:justify}
.js2{ font-size:18px; font-weight:bold;width:190px; line-height:24px; top:595px; right:54px; position:absolute; text-align:center }
.js2 a{font-size:18px; color:#fff; text-decoration:underline; font-weight:normal}

/*度假产品*/
.title5{ background:url(../images/title5.png) no-repeat; width:394px; height:99px; margin:0 auto 10px auto}
/* 本例子css */
.route-box {
    width: 1007px;
    margin: 0 auto;
}
.s-jg{ background:url(../images/sy-jg.jpg) no-repeat left bottom; width:120px; height:25px;color:#cb0000; overflow:hidden; line-height:25px; display:block; font-size:20px; float:left; font-weight:normal; font-family:"微软雅黑"; margin:auto}
.s-jg em{color:#cb0000; font-size:12px; overflow:hidden;}
.picScroll-left{  position:relative; width:1003px ;float:left; padding-top:20px;}
.picScroll-left .hd{ overflow:hidden;  height:36px;  margin-top:30px; margin-bottom:15px; text-align:center; width:969px; background:#45230c; border-bottom:1px solid #ffba14; }
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
	 cursor:pointer; background:url(../images/arrow.png) 0 0 no-repeat;}
.picScroll-left .hd .next{ background-position:0 -50px;  }
.picScroll-left .hd .prevStop{ background-position:-60px 0; }
.picScroll-left .hd .nextStop{ background-position:-60px -50px; }

.picScroll-left .hd{ height:45px; line-height:30px;  position:relative; clear:both }
.picScroll-left .hd ul{ float:left; position:absolute; height:45px; text-align:left   }
.picScroll-left .hd ul li{ float:left;  cursor:pointer;  width:127px; line-height:45px;height:45px; display:block; background:#713f1e; overflow:hidden; text-align:center; font-weight:bold; font-size:20px; color:#fff; padding:0 5px;}
.picScroll-left .hd ul li.on{ background:#ffba14; color:#45230c;}
.picScroll-left .bd{   }
.picScroll-left .bd .more{ float: right; margin-top: 10px; margin-right: 10px; color: #000; font-size: 14px}


.picScroll-left .bd ul{zoom:1;height:770px;}
.picScroll-left .bd ul li{  width:235px; height:370px; background:#fff; display:block; float:left; overflow:hidden; margin-right:9px; margin-bottom:10px; font-family:"Microsoft YaHei"}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:235px; height:157px; }
.picScroll-left .bd ul li .pic a:hover img{    }
.picScroll-left .bd ul li .title{color:#333; font-size:14px; height:auto; width:215px; padding:10px; line-height:16px;}
.picScroll-left .bd ul li .title a{color:#333;font-size:14px;width:215px; font-weight:bold; display:block; overflow:hidden}

.picScroll-left .bd .inbox{ position:relative;height:770px;width:1000px;}
.picScroll-left .bd .inbox .inhd{width:108px;height:16px;margin:0 auto;}
.picScroll-left .bd .inbox .inhd li{width:16px;height:16px;float:left;margin-left:10px;border-radius:50%;background:#fff}
.picScroll-left .bd .inbox .inhd li.on{background:#ffba14;}

.picScroll-left .bd .inbox .prevl{ position:absolute;width:39px;height:65px;left:-60px;bottom:47%; z-index:99999}
.picScroll-left .bd .inbox .nextr{ position:absolute;width:39px;height:65px;right:-30px;bottom:47%;z-index:99999}

.picScroll-left .bd .inbox .prevl:hover{ opacity:0.7;}
.picScroll-left .bd .inbox .nextr:hover{ opacity:0.7;}

.picScroll-left .item{width:235px;height:370px;display:block;position: relative;}
.picScroll-left .item .lab{padding:2px 5px;position: absolute;top:10px;left:0; background-color: #feb808; color: #fff; font-size: 12px;}
.picScroll-left .item .title{font-weight:900;}


/*djcbox*/
.djcbox{width:1021px; margin:auto; padding-top:30px}
.title3{ background:url(../images/title3.png) no-repeat; width:360px; height:92px; margin:0 auto 21px auto}
.djc li{ margin-right:12px; margin-bottom:12px; position:relative; background:#614328; width:315px; height:283px}
.djc li span.oo-jg{ font-size:20px; position:absolute; left:4px; bottom:6px;color:#262537; font-weight:bold}
.djc li i.tip-fx{ font-size:14px; position:absolute; right:-96px; bottom:1px;color:#fff; font-weight:bold; width: 94px; height: 25px; background: url(../images/ic_tips.jpg) no-repeat; line-height: 25px; text-align: center;}
.djc li.mr0{  }
 /*滚动条*/
#scrollbar1 { width: 1000px; clear: both;  }
#scrollbar1 .viewport { width: 982px; height: 870px; overflow: hidden; position: relative; }     /****************高度可改***************/
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,#scrollbar1 .thumb { background-color: #ffba14; }
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px;  border-left: 1px solid #ffba14;  }
#scrollbar1 .thumb { width: 6px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left:-4px; margin-top:10px;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 6px; }
#scrollbar1 .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }
.djc{ height:4720px}
/*滚动条*/
.food li a:hover span,.food li:hover,.food li:hover .tips{ text-decoration:none}
.food li{ background:#fff}
/*aa*/
.m-auto2 a:hover,.video:hover,.tbtj-box a:hover,.gdwl li:hover,.dujia:hover,.djc li:hover,.food li:hover img{ filter:alpha(opacity=80);  -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; cursor:pointer}
{
	white-space:nowrap !important;  /*强制文字不换行(标准浏览器)*/
		white-space:normal;  /*溢出的时候文字换行，并配合上面的固定高度，对文字进行裁切*/
		text-overflow:ellipsis;  /*截断文字，显示省略号(...)*/
		-o-text-overflow:ellipsis;  /*Opera的专用截断文字的属性*/
}
/* Bubble Float Bottom */
.h5style,.djc li{
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.h5style:before,.djc li:before{
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.h5style:hover,.h5style:focus,.h5style:active,.djc li:hover,.djc li:focus,.djc li:active{
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.h5style:hover:before, .h5style:focus:before, .h5style:active:before,.djc li:hover:before, .djc li:focus:before, .djc li:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.bb2{ background:url(../images/bb2.jpg) no-repeat top center; overflow:hidden}

/*.tbtj-box a*/
.tbtj-box a{ display:block; position:relative}
.tbtj-box a:hover .tc{ display:block;}
.tbtj-box a .tc{  display:none; width:100%; height:100%; position:absolute; top:0;left:0; background:#000; filter:alpha(opacity=90);  -moz-opacity:0.9;  -khtml-opacity: 0.9;  opacity: 0.9; cursor:pointer;color:#fff}
.tc2{color:#fff; padding:20px 10px 0 10px; line-height:24px}


/* 分享到 二维码 */
.cf a{background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/spirite_temp.png) no-repeat;}
.sider_bar a {background:url(http://pages.ctrip.com/commerce/promote/201307/vacation/fxd/share_spirite.png) no-repeat;}

/*== 分享到 ==*/
.htlShare{ z-index:1; position:fixed; bottom:5px; right:0; width:160px; _position:absolute; _top:expression(documentElement.scrollTop+400); overflow:visible}
#rlist1{ width:46px; float:right; margin-bottom:45px; z-index:101}
#rlist5{ width:160px; z-index:999999; clear:both; overflow:hidden; position:relative; right:-125px}
.cf li{ height:46px; width:46px; margin-bottom:5px; position:relative;}
.cf li:hover{ background:#ffae01}
.cf a{ display:block; height:46px;  text-indent:-99em; overflow:hidden}
.share .share_a{ background-position:0 -128px}
.share .share_a:hover,.share .cur{ background-position:-105px -128px}
.top .top_a{ background-position:-53px -128px}
.top .top_a:hover{ background-position:-158px -128px}
.share_lis{ position:absolute; top:0; right:44px; background:#ffae01; height:30px; width:112px; padding:8px 0 8px 3px;}
.share_lis a{ float:left; display:inline; height:30px; width:30px; margin-left:5px}
.share_lis .a0{ background-position:0 -88px}
.share_lis .a1{ background-position:-40px -88px}
.share_lis .a2{ background-position:-80px -88px}
.share_lis .a3{ background-position:-120px -88px}
.share_lis .a4{ background-position:-160px -88px}
#ewm { width:160px; position: fixed; right:0; bottom:10px;}

/* demo */
#demo{height:424px;margin:20px auto;overflow:hidden; border:solid 3px #ccc;}
#demo li{float:left;position:relative;width:145px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer; margin:0 0 0 2px}
#demo li .txt{position:absolute;width:100%;height:80px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;bottom:0;left:0;display:none;color:#fff; font-size:14px}
#demo li .txt p{ line-height:24px; font-weight:bold}
#demo li .txt p.p1{padding:20px 20px 0 280px; }
#demo li .txt p.p2{padding:20px 20px 0 260px; }
#demo li .txt p.p3{padding:20px 20px 0 220px; }
#demo li:first-child{width:704px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1; margin:0}
#demo li:first-child div{display:block;}

/*== 二维码 ==*/
#w2wm{ padding-top:4px; width:36px; height:100px; text-align:center; cursor:pointer; overflow:hidden; border-top-left-radius:4px; border-bottom-left-radius:4px; background:#009eda}
#w2wm p{ padding:6px 11px 0 11px; width:14px; height:75px; font-size:12px; line-height:16px; color:#fff; border-top-left-radius:4px}
#w2wm .pointr{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) 4px -19px no-repeat}
#w2wm .pointl{ display:block; width:36px; height:19px; background:url(http://pages.ctrip.com/commerce/promote/han/images/shareArr4.gif) -23px -19px no-repeat}
.ewm{ background:#fff; padding:10px; width:100px; border:3px solid #009eda; border-right:none; text-align:center}
.ewm img{ width:100px; height:178px}