/*酒店预订页面样式*/
#main{margin: 10px auto;}
#main em{color: #FF5C00;font-family: Arial;font-weight: bold;}
#main em.del{color: #999;font-weight: normal;text-decoration: line-through;}

.index{width: 960px;overflow: hidden;}
.index .outer{width: 980px;overflow: hidden;padding-bottom: 10px;}
.index h2.hd{background: #FFF;border-bottom: 3px solid #FF5C00;height: 24px;line-height: 24px;padding: 5px 0 10px 0;}
.index h2.hd span{float: right;}
.index h2.hd b{color: #222;font: bold 16px/24px "微软雅黑","宋体",Arial;text-shadow: 1px 1px 1px #888;}
.product dl{background: #FFF;border: 1px solid #E5E5E5;border-radius: 3px;box-shadow: 0 3px 10px #E5E5E5;display: inline;float: left;margin: 15px 15px 0 0;padding: 10px;width: 288px;}
.product dl:hover{border: 2px solid #FFC198;box-shadow: 0 3px 10px #FFC198;padding: 9px;}
.product dt{height: 216px;overflow: hidden;width: 288px;}
.product dt img{border-radius: 3px;}
.product dt a{display: block;height: 216px;overflow: hidden;position: relative;width: 288px;}
.product dt a div{border-radius: 3px;cursor: pointer;display: none;height: 196px;overflow: hidden;padding: 10px;position: absolute;left: 0;top: 0;width: 268px;}
.product dt a div.bg{background: #000;filter:alpha(opacity=70);opacity:0.7;}
.product dt a div.text{color: #FFF;line-height: 20px;text-align: justify;}
.product dt a div .inner{height: 196px;width: 268px;padding: 0;position: relative;}
.product dt a div .inner .more{color: #FF0;display: inline-block;height: 18px;line-height: 18px;position: absolute;top: 178px;left: 208px;width: 60px;}
.product dt a.on div{display: block;}
.product dd{margin-top: 5px;overflow: hidden;}
.product dd.title{height: 40px;overflow: hidden;}
.product dd.title a{color: #01A2FF;font: bold 16px/20px "微软雅黑","宋体",Arial;text-shadow: 1px 1px 1px #BAE4FC;}
.product .buy{height: 31px;}
.product .buy .order{float: right;}
.product .buy .order a{background: url(../images/btnbg.gif) no-repeat 0 0;cursor: pointer;display: inline-block;height: 31px;width: 80px;}
.product .buy .order a:hover{background-position: 0 -32px;}
.product .buy .price{color: #666;height: 31px;line-height: 33px;padding-right: 7px;float: left;}
.product .buy .price em{font-size: 25px;}
.product .buy .price em.del{font-size: 12px;}

.titleBox{background: #FFF;border-bottom: 3px solid #FF5C00;padding-bottom: 5px;}
.titleBox ul{margin-bottom: 5px;width: auto;}
.titleBox b{background: #FF5C00;border-radius: 3px;color: #FFF;display: inline-block;font-weight: normal;padding: 0 12px;}
.titleBox li{float: left;height: 24px;line-height: 24px;margin-right: 13px;}
.titleBox li a.cur{color: #FF5C00;text-decoration: underline;}

/*酒店详情页*/
.crumbs{margin-bottom: 10px;}
.crumbs li{float: left;line-height: 23px;}
.crumbs span{margin: 0 5px;}

.show .info{background: #F5F5F5;border: 1px solid #E5E5E5;box-shadow: 0 3px 4px #E5E5E5;margin-top: 10px;padding: 5px;width: 948px;}
.show .infoBox{background: #FFFFFF;padding: 10px;}
/*酒店标题*/
.infoBox .hd{border-bottom: 1px solid #EEE;height: 62px;overflow: hidden;position: relative;padding-right: 150px;width: 778px;}
.infoBox .hd dt{height: 28px;line-height: 28px;overflow: hidden;}
.infoBox .hd dt h1{font: bold 20px/28px Arial,"微软雅黑","宋体";}
.infoBox .hd dd{color: #666;height: 34px;line-height: 34px;overflow: hidden;}
.infoBox .hd dd b{color: #000;font-weight: normal;}
.infoBox .hd dd span{display: inline-block;margin-left: 10px;}
.infoBox .hd dd span{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -312px;padding-left: 18px;}
.infoBox .hd dd span.map{background-position: 0 -312px;}
.infoBox .hd dd span.mobile{background-position: 0 -355px;padding-left: 16px;}
.infoBox .hd dd span a{color: #30A0D3;}
.infoBox .hd dd.price{color: #666;height: 62px;line-height: 62px;overflow: hidden;position: absolute;top: -5px;right: 0;text-align: right;width: 150px;}
.infoBox .hd dd.price em{color: #C00;font-size: 20px;padding: 0 2px 0 5px;}
/*酒店幻灯片、酒店基本信息*/
.infoBox .content{height: 306px;margin-top: 10px;overflow: hidden;position: relative;width: 928px;}
.infoBox .content .left{border: 1px solid #E5E5E5;box-shadow: 0 3px 5px #AAA;float: left;height: 300px;overflow: hidden;padding: 2px;position: relative;width: 400px;}
.infoBox .content .left span a{background: url(../images/hotel/arrow.png) no-repeat 0 0;display: block;height: 40px;position: absolute;top: 130px;width: 19px;text-indent: -9999px;}
.infoBox .content .left span a.prev{background-position: 0 0;left: 7px;}
.infoBox .content .left span a.next{background-position: -20px 0;left: 378px;}
.infoBox .content .left span a.prev:hover{background-position: -40px 0;}
.infoBox .content .left span a.next:hover{background-position: -60px 0;}
.infoBox .thumbBox{float: right;margin: 0 0 6px 17px;overflow: hidden;width: 505px;}
.infoBox .thumbBox .outer{position: relative;}
.infoBox .thumbBox ul{float: left;}
.infoBox .thumbBox li{display: inline;float: left;height: 60px;margin-right: 5px;overflow: hidden;position: relative;width: 80px;}
.infoBox .thumbBox li b{background: #FFF;cursor: pointer;display: block;height: 60px;opacity: 0.6;filter:Alpha(opacity=60);position: absolute;top: 0;left: 0;width: 80px;}
.infoBox .thumbBox li.tabOn b{opacity: 0;filter:Alpha(opacity=0);}
.infoBox .thumbBox .more{display: inline;float: left;width: 80px;text-align: center;}
.infoBox .thumbBox .more a{color: #30A0D3;display: block;height: 60px;line-height: 60px;overflow: hidden;width: 80px;}
.infoBox .thumbBox .more a:hover{background: #FF5C00;color: #FFF;}
.infoBox .basic{height: 240px;float: left;margin-left: 17px;overflow: hidden;width: 505px;}
.infoBox .basic li{color: #888;height: 24px;line-height: 24px;overflow: hidden;padding: 4px 0;}
.infoBox .basic li b{font-weight: normal;color: #000;}
.infoBox .basic .tools{float: right;}
.infoBox .basic .tools a{border-radius: 3px;color: #FFF;display: inline-block;margin-left: 5px;height: 24px;_line-height: 25px;overflow: hidden;padding: 0 10px;}
.infoBox .basic .tools a.btnCollection{background: #68BD77;}
.infoBox .basic .tools a.btnFaq{background: #C286E3;}
.infoBox .basic .tools a.btnPrint{background: #54B3FC;}
.infoBox .basic .tools a:hover{background: #FF5C00;}

/*详情页正文内容*/
.infoMain{margin-top: 10px;}
.infoMain .right{float: left;height: auto;margin-left: 10px;width: 210px;}
.infoMain .left{float: left;width: 740px}
.infoMain .ui-tabs-nav{background: url(../images/hotel/hotelbg.gif) repeat-x 0 -266px;margin-left: -1px;}
.infoMain .ui-tabs-nav li{border-left: 1px solid #DDD;height: 32px;line-height: 32px;width: 104px;}
.infoMain .ui-tabs-nav li a{color: #333;font: bold 14px/32px "微软雅黑","宋体",Arial;}
.infoMain .ui-tabs-nav li.end{width: 108px;}
.infoMain .ui-tabs-nav li.ui-tabs-selected{background: url(../images/hotel/hotelbg.gif) repeat-x 0 -228px;}
.infoMain .ui-tabs-nav li.ui-tabs-selected a{color: #FFF;}
.infoMain .ui-tabs-panel{line-height: 23px;padding: 15px;width: 708px;}
.infoMain .ui-tabs-panel .outer{height: auto;width: 708px;overflow: hidden;}
.infoMain .contentBox{border: 1px solid #DDD;border-top: 2px solid #FF5C00;box-shadow: 0 3px 4px #E5E5E5;height: auto;width: 738px;}
.infoMain .orderDate{height: 28px;}
.infoMain .orderDate li{color: #000;display: inline;float: left;height: 28px;line-height: 28px;_line-height: 29px;margin-right: 10px;position: relative;}
.infoMain .orderDate .inputText{background: url(../images/hotel/searchbg.gif) no-repeat 0 0;border: 0 none;color: #888;font-family: Arial;height: 18px;line-height: 18px;padding: 5px 30px 5px 5px;width: 110px;}
.infoMain .orderDate em{background: url(../images/hotel/searchbg.gif) no-repeat right 7px;cursor: pointer;display: block;height: 28px;overflow: hidden;position: absolute;left: 119px;top: 0;width: 25px;}
.infoMain .orderDate .checkIn em{background-position: right -18px;}
.infoMain .orderDate .checkOut em{background-position: right -43px;}
.infoMain .orderDate .btn{cursor: pointer;color: #FFF;background: url(../images/hotel/hotelbg.gif) no-repeat 0 0;border: none;height: 28px;line-height: 28px;width: 78px;}
.infoMain .itemList{margin-top: 15px;width: 708px;}
.infoMain .itemList .itemTable{}
.infoMain .itemList .table a{color: #30A0D3;}
.infoMain .itemList .table a:hover{color: #F90;}
.infoMain .itemList .table dl{width: 708px;height: auto;}
.infoMain .itemList .table dt{background: #FFF;border: 1px solid #E5E5E5;border-width: 0 0 1px;float: left;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;width: 170px;text-align: left;}
.infoMain .itemList .table dt a.pics{background: url(../images/hotel/hotelbg.gif) no-repeat right -390px;display: inline-block;padding-right: 16px;}
.infoMain .itemList .table dd{background: #FFF;float: left;border-bottom: 1px solid #E5E5E5;height: 28px;line-height: 28px;margin: 0;overflow: hidden;padding: 7px 5px;text-align: center;width: 78px;}
.infoMain .itemList .table dl.title dt,.infoMain .itemList .table dl.title dd{background: #F0F0F0;height: 18px;line-height: 18px;}
.infoMain .itemList .table dd em{color: #E10000;font: bold 12px/16px Arial,Helvetica,sans-serif;}
#main .infoMain .itemList .table dd em.del{color: #888;text-decoration: line-through;}
.infoMain .itemList .table dd.btn a{background: url(../images/hotel/hotelbg.gif) no-repeat 0 -38px;color: #FFF;display: block;height: 28px;width: 78px;}
.infoMain .itemList .table dd.btn a:hover{color: #FFF;}
.infoMain .itemList .roomInfo{background: #F5F5F5;border-bottom: 1px solid #E5E5E5;display: none;padding: 5px 0;}
.infoMain .itemList .roomInfo li{color: #888;float: left;height: 28px;line-height: 28px;padding: 0 5px;width: 167px;}
.infoMain .itemList .roomInfo li.pics{height: auto;width: 708px;margin: 0;padding: 0;}
.infoMain .itemList .roomInfo li.pics li{height: 71px;padding: 5px 0 0 5px;width: 95px;}
.infoMain .itemList .roomInfo li.pics li a{background: #CCC;display: block;height: 71px;width: 95px;overflow: hidden;position: relative;}
.infoMain .itemList .roomInfo li.pics li a .bg{background: #FFF;opacity: 0.4;filter:Alpha(opacity=40);height: 71px;position: absolute;left: 0;top: 0;width: 95px;}
.infoMain .itemList .roomInfo li.pics li a:hover .bg{opacity: 0;filter:Alpha(opacity=0);}

/*详情页酒店图片*/
.infoMain .hotelGallery{margin-top: -10px;overflow: hidden;width: 760px;}
.infoMain .hotelGallery li{display: inline;float: left;height: 128px;margin: 10px 10px 0 0;width: 169px;}
.infoMain .hotelGallery li a{background: #F0F0F0;border: 1px solid #EEE;display: block;height: 124px;overflow: hidden;padding: 1px;position: relative;width: 165px;}
.infoMain .hotelGallery li a:hover{border: 2px solid #FF5C00;border-radius: 3px;padding: 0;}
.infoMain .hotelGallery li div{color: #FFF;font-size: 12px;height: 24px;line-height: 24px;position: absolute;left: 1px;top: 101px;overflow: hidden;padding: 0 5px;width: 155px;text-align: center;}
.infoMain .hotelGallery li div.bg{background: #000;filter: alpha(opacity=70);opacity: 0.7;}
.infoMain .hotelGallery li img{display: block;margin: auto;vertical-align: middle;}
.infoMain .hotelGallery li span{background: #FF5C00;color: #FFF;display: none;height: 18px;left: 0;line-height: 18px;overflow: hidden;padding: 3px 8px;position: absolute;top: 101px;}
.infoMain .hotelGallery li a.on span{display: inline-block;}
.infoMain .hotelGallery li a.on div{display: none;}

/*详情页酒店点评*/
.show .comments .markInfo{background: url(../images/hotel/shadowbg.png) no-repeat 0 bottom;height: 91px;overflow: hidden;padding-bottom: 30px;}
.show .comments .mark1{background: url(../images/hotel/commentbg.gif) no-repeat 0 -79px;color: #000;float: left;height: 91px;margin-right: 20px;width: 93px;text-align: center;}
.show .comments .mark1 .hd{padding: 7px 0 0;}
.show .comments .mark1 em{color: #C00;font-family: Arial;font-weight: bold;}
.show .comments .mark1 h2{height: 26px;overflow: hidden;padding: 5px 0 4px;}
#main .show .comments .mark1 h2 em{color: #FFF;font: bold 26px/26px Arial,Helvetica,sans-serif;text-shadow: 1px 1px 1px #666;}
.show .comments .mark2{float: left;width: 318px;}
.show .comments .mark2 dl{height: 20px;line-height: 20px;margin-bottom: 3px;overflow: hidden;}
.show .comments .mark2 dt,.show .comments .mark2 dd{display: inline-block;float: left;}
.show .comments .mark2 dt{color: #000;width: 60px;text-align: right;}
.show .comments .mark2 dd.d1{background: url(../images/hotel/commentbg.gif) no-repeat 0 0;height: 13px;line-height: 13px;margin: 3px 10px 3px 5px;overflow: hidden;width: 210px;}
.show .comments .mark2 dd.d1 div{background: url(../images/hotel/commentbg.gif) no-repeat 0 -14px;height: 13px;overflow: hidden;}
.show .comments .mark2 dd.d1 div.red{background-position: 0 -14px;}
.show .comments .mark2 dd.d1 div.green{background-position: 0 -28px;}
.show .comments .mark2 dd.d1 div.blue{background-position: 0 -42px;}
.show .comments .mark2 dd.d1 div.pink{background-position: 0 -56px;}
.show .comments .mark2 dd.d2{color: #FF5C00;font-weight: bold;font-size: 12px;font-family: Arial;line-height: 20px;width: 30px;padding-right: 3px;}
.show .comments .mark3{color: #888;float: right;width: 204px;text-align: center;padding: 10px 0;}
.show .comments .mark3 p{padding: 6px 0;}
.show .comments .mark3 .btn{background: url(../images/hotel/commentbg.gif) no-repeat 0 -180px;display: inline-block;height: 25px;width: 94px;}
.show .comments .lists .noRecord{color: #888;line-height: 18px;}
.show .comments .item{border-top: 1px solid #FF5C00;margin-top: 10px;padding-top: 10px;}
.show .comments .item .desc{float: left;width: 708px;}
.show .comments .item .desc dl{border-bottom: 1px dotted #D5D5D5;color: #000;height: 21px;overflow: hidden;padding-bottom: 6px;}
.show .comments .item .desc dl span{color: #FF5C00;}
.show .comments .item .desc dl em{font-family: Arial;}
.show .comments .item .desc dt{color: #888;float: right;font-family: Arial;}
.show .comments .item .desc dt span{font-family: Arial;font-weight: bold;margin-right: 10px;text-transform: uppercase;}
.show .comments .item .desc dd{float: left;padding-right: 12px;}
.show .comments .item .text{border-bottom: 1px dotted #D5D5D5;margin-bottom: 10px;padding: 6px 0;text-align: justify;}
.show .comments .picture{border-bottom: 1px dotted #D5D5D5;margin-bottom: 10px;overflow: hidden;padding: 0;}
.show .comments .picture li{background: #FFF;display: inline;float: left;height: 83px;padding: 0 8px 6px 0;width: 110px;}
.show .comments .picture li a{display: block;background: #CCC;height: 83px;width: 110px;overflow: hidden;position: relative;z-index: 10;}
.show .comments .picture li a div.bg{border: 3px solid #FF5C00;display: none;height: 77px;width: 104px;position: absolute;top: 0;left: 0;z-index: 20;}
.show .comments .picture li a:hover div.bg{display: block;}
.show .comments .impression li{background: #009FD6;color: #FFF;display: inline-block;float: left;height: 18px;line-height: 18px;_line-height: 20px;margin-right: 3px;overflow: hidden;padding: 3px 10px;}
.show .comments .impression li.t0{background: #555;color: #FFF;}
.show .comments .impression li.t1{background: #6CC;}
.show .comments .impression li.t2{background: #F90;}
.show .comments .impression li.t3{background: #F9C;}
.show .comments .impression li.t4{background: #F99;}
.show .comments .impression li.t5{background: #F96;}
.show .comments .impression li.t6{background: #F66;}
.show .comments .impression li.t7{background: #9C6;}
.show .comments .impression li.t8{background: #6CF;}
.show .comments .impression li.t9{background: #69C;}

/*详情页酒店咨询*/
.show .consults{/**/}
.show .consults .lists .noRecord{color: #888;line-height: 18px;margin-bottom: 10px;}
.show .consults .lists .item{border-bottom: 1px solid #FF5C00;margin-bottom: 10px;line-height: 20px;padding-bottom: 10px;}
.show .consults .lists .item dl.answer{background: #F3F3F3;margin-top: 3px;}
.show .consults .lists .item dt{float: left;height: 20px;line-height: 20px;width: 68px;}
.show .consults .lists .item dt b{background: url(../images/hotel/commentbg.gif) no-repeat -194px -121px;display: inline-block;font-weight: normal;padding: 0 0 0 20px;}
.show .consults .lists .item dd{float: left;line-height: 20px;padding: 0 10px;text-align: justify;width: 620px;}
.show .consults .lists .item dd span{color: #888;float: right;font-family: Arial;margin-left: 10px;}
.show .consults .lists .item .question dt b{background-position: -194px -121px;}
.show .consults .lists .item .answer dt b{background-position: -194px -87px;}
.show .consults .lists .item .answer dd{color: #666;}
.show .consults .lists .item .wait{color: #FF5C00;}
.show .faqBox{padding-top: 10px;}
.show .faqBox h3{background: #F0F0F0;color: #000;height: 18px;line-height: 18px;padding: 7px 10px;}
.show .faqBox dl{margin-top: 10px;}
.show .faqBox dt{display: inline;float: left;font: bold 12px/30px "微软雅黑","宋体",Arial;width: 68px;text-align: right;}
.show .faqBox dd{display: inline;float: left;line-height: 30px;margin-left: 10px;width: 630px;position: relative;}
.show .faqBox dd span{display: inline-block;margin-left: 10px;vertical-align: top;}
.show .faqBox dd span.tip{color: #C00;}
.show .faqBox .inputArea{border: 1px solid #E0E0E0;border-color: #AAA #E0E0E0 #E0E0E0 #999;border-radius: 3px;box-shadow: 0 2px 5px #CCC;color: #666;height: 120px;line-height: 18px;padding: 5px;width: 480px;resize: none;}
.show .faqBox .inputText{border: 1px solid #E0E0E0;border-color: #AAA #E0E0E0 #E0E0E0 #999;border-radius: 3px;box-shadow: 0 2px 5px #CCC;height: 18px;line-height: 18px;padding: 5px;width: 80px;}
.show .faqBox .inputBtn{background: url(../images/hotel/commentbg.gif) no-repeat -116px -180px;border: 0;cursor: pointer;height: 24px;left: 535px;position: absolute;top: 1px;width: 94px;}

/*Scrollbar 模拟滚动条总样式*/
.myScroll{position: relative;}
.myScroll .viewport{width: 708px; height: 300px; overflow: hidden; position: relative;}
.myScroll .overview{list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0;}
.myScroll .scrollbar{background: url(../images/scrollbar/tracky.png) no-repeat 0 0; position: relative;float: right; width: 15px;}
.myScroll .track{background: url(../images/scrollbar/trackendy.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px;}
.myScroll .thumb{background: url(../images/scrollbar/thumby.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;}
.myScroll .thumb .end{background: url(../images/scrollbar/thumby.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px;}
.myScroll .disable{display: none;}
.noSelect{user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;}
/*酒店点评滚动条、酒店咨询滚动条重写样式*/
#scrollComment,#scrollConsult{width: 708px;}
#scrollComment.myScroll .viewport{width: 708px;height: 600px;}
#scrollConsult.myScroll .viewport{width: 708px;height: 360px;}
#scrollComment.myScroll .scrollbar,#scrollConsult.myScroll .scrollbar{position: absolute;top: 0;right: -22px;}

/*酒店详情页右边*/
.infoMain .right{/**/}
.infoMain .right .box{background: #FFF;border: 1px solid #E5E5E5;box-shadow: 0 3px 4px #E5E5E5;}
.infoMain .right h2.hd{border-bottom: 1px solid #E5E5E5;height: 32px;line-height: 32px;padding: 0 10px;}
.infoMain .right h2.hd b{color: #333;font: bold 14px/32px "微软雅黑","宋体",Arial;}
.infoMain .right .content{padding: 0 10px;}
.infoMain .right .hots dl{border-bottom: 1px solid #E5E5E5;padding: 8px 0;}
.infoMain .right .hots dt{background: #000;display: inline;height: 54px;float: left;margin-right: 8px;width: 72px;}
.infoMain .right .hots dd{color: #888;display: inline;float: left;height: 18px;line-height: 18px;overflow: hidden;width: 108px;}
.infoMain .right .hots img.star{padding-top: 2px;}