/**
 * Created with WebStorm.
 * User: 14091150
 * Date: 14-11-3
 * Time: 下午2:28
 * To change this template use File | Settings | File Templates.
 */

/*popWin*/
	/* popwin mask */
.popWinMask{ width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #000; opacity: 0.3; filter: alpha(opacity=30);}
iframe.popWinFrame{ position: absolute; top:0; left: 0; background: transparent; z-index: 9; filter: alpha(opacity=0); opacity: 0; width: 100%;}
	/* popwin box */
.popWin{ position: fixed; _position: absolute; left: 50%; top: 50%; margin: -63px 0 0 -186px; padding: 6px; border-radius: 6px; box-shadow: 1px 1px 3px #666; overflow: hidden;}
.popWinBg{ position: absolute; left: 0; top: 0; width: 9999px; height: 9999px; background: #000; opacity: .2; filter: alpha(opacity=20); z-index: -1;}
.popWinTitle{ padding: 0 0 0 15px; height: 35px; line-height: 34px; background: #eee; border-bottom: 1px solid #ccc; font-size: 14px; font-weight: 700; color: #333; border-radius: 6px 6px 0 0;/* *position: absolute; *left: 6px; *right: 6px; *z-index: 1; _width: 100%; _padding: 0; _text-indent: 1em;*/}
a.popWinClose,a.popWinClose:active{ background: transparent; position: absolute; top: 16px;/* *top: 10px;*/ right: 15px; /**right: 10px;*/ z-index: 2; display: block; width: 15px; height: 15px; line-height: 15px; font-size: 20px; font-weight: bold; color: #000; text-align: center; overflow: hidden; /*_text-indent: 0;*/}
a.popWinClose:hover{ color: #666;}
.popWinMain{ padding: 30px 15px;/* *padding: 65px 15px 30px;*/ background: #fff;}
.popWinLoading{ text-align: center;}
.popWinLoading i{ background: url("images/popwin/popwinload.gif") no-repeat center center; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: 0 10px 0 0;}
	/* popwin btns*/
.popWinBtns{ background: #fff; text-align: center; padding: 10px 0; border-top: 1px solid #e7e7e7; border-radius: 0 0 6px 6px;}
.popWinBtns a{ display: inline-block; margin: 0 10px; padding: .4em 1em; color: #333; text-decoration: none; border-radius: 5px; box-shadow: 0 1px 1px #ddd; font-size: 12px;}
.popWinBtns a:hover{ text-decoration: none;}
.popWinBtnYes{ border: 1px solid #ec8001; background: #ec8001; background: linear-gradient(to top, #f88700, #fe9900);}
.popWinBtnYes:hover{ border: 1px solid #fe9900; background: #fe9900; background: linear-gradient(to top, #fe9900, #ffa800);}
.popWinBtnNo{ border: 1px solid #ccc; background: #ccc; background: linear-gradient(to top, #eee, #fafafa);}
.popWinBtnNo:hover{ border: 1px solid #ccc; background: #fff; background: linear-gradient(to top, #f4f4f4, #fff);}
.popWinBtns-left{ text-align: left;}
.popWinBtns-right{ text-align: right;}

/* popwin theme(example) */
.mask_z{ /* background: #000; */ }
.z .popWinBg{ /* background: #000; */ }
.z .popWinTitle{ /* background: #eee; border-bottom: 1px solid #ccc; color: #333; */ }
.z .popWinMain{ /* background: #fff; */ }
.z a.popWinClose,.z a.popWinClose:active{ /* color: #666; */ }
.z a.popWinClose:hover{ /* color: #666; */ }
.z .popWinBtns{ /* background: #fff; border-top: 1px solid #e7e7e7; */ }
.z .popWinBtns a{ /* color: #333; box-shadow: 0 1px 1px #ddd; font-size: 12px; */ }
.z .popWinBtnYes{ /* border: 1px solid #ec8001; background: #ec8001; background: linear-gradient(to top, #f88700, #fe9900); */}
.z .popWinBtnYes:hover{ /* border: 1px solid #fe9900; background: #fe9900; background: linear-gradient(to top, #fe9900, #ffa800); */}
.z .popWinBtnNo{ /* border: 1px solid #ccc; background: #ccc; background: linear-gradient(to top, #eee, #fafafa); */}
.z .popWinBtnNo:hover{ /* border: 1px solid #ccc; background: #fff; background: linear-gradient(to top, #f4f4f4, #fff); */}

/* popwin theme(b) */
.mask_b{  background: #9cf; }
.b .popWinBg{ background: #66f; }
.b .popWinTitle{ background: #069; border-bottom: 1px solid #69f; color: #fff; }
.b .popWinMain{ background: #fff; }
.b a.popWinClose,.b a.popWinClose:active{ color: #fff;}
.b a.popWinClose:hover{ color: #99f; }
.b .popWinBtns{ background: #fff; border-top: 1px solid #E2E7FF; }
.b .popWinBtns a{ color: #fff; box-shadow: 0 1px 1px #ddd; font-size: 14px; }
.b .popWinBtnYes{ border: 1px solid #039; background: #069; background: linear-gradient(to top, #06c, #069); }
.b .popWinBtnYes:hover{ border: 1px solid #039; background: #06c; background: linear-gradient(to top, #069, #06c); }
.b .popWinBtnNo{ border: 1px solid #69c; background: #69f; background: linear-gradient(to top, #6cf, #69f); }
.b .popWinBtnNo:hover{ border: 1px solid #69c; background: #6cf; background: linear-gradient(to top, #69f, #6cf); }

/* popwin theme(c) */
.mask_c{ background: #c00;}
.c .popWinBg{ background: #c00; }
.c .popWinTitle{ background: #c00; border-bottom: 1px solid #600; color: #fff; }
.c .popWinMain{ background: #fee; }
.c a.popWinClose,.c a.popWinClose:active{ color: #fff; }
.c a.popWinClose:hover{ color: #fcc; }
.c .popWinBtns{  background: #fee; border-top: 1px solid #fdd; }
.c .popWinBtns a{ box-shadow: 0 1px 1px #ddd; font-size: 12px; }
.c .popWinBtnYes{ border: 1px solid #900; color: #fff; background: #c00; background: linear-gradient(to top, #c00, #f33);}
.c .popWinBtnYes:hover{ border: 1px solid #900; color: #fff; background: #c00; background: linear-gradient(to top, #f33, #c00); }
.c .popWinBtnNo{ border: 1px solid #fcc; color: #c00; background: #c66; background: linear-gradient(to top, #fcc, #fff); }
.c .popWinBtnNo:hover{ border: 1px solid #fcc; color: #c00; background: #fcc; background: linear-gradient(to top, #fff, #fcc); }


/*酒店提示框*/
.d{padding: 0;border-radius: 0;}
.mask_d{  background: #000;  }
.d .popWinBg{  background: #000;}
.d .popWinTitle{  background: #eee; border-bottom: 1px solid #ccc; color: #333;  }
.d .popWinMain{  background: #fff;}
.d a.popWinClose,.z a.popWinClose:active{width:29px;height:29px;color: #f33;text-align: center;line-height: 29px;background: #fff;top:0px;right:0px;}
.d a.popWinClose:hover{color: #fff;background: #f33;text-decoration: none;}








/* scrollpic */
.focusBox{}
.focusImages{ position: relative; z-index: 1; width: 100%; height: 300px; overflow: hidden;}
.focusImages li{ position: absolute; width: 100%; z-index: 1; left: 0; top: 0; overflow: hidden;}
.focusImages li a{ position: relative; display: block;}
.focusImages li a img{ position: absolute; left: 50%; top: 0;}
.focusImages li p{ position: absolute; right: 0; bottom: 0; padding: 1em; line-height: 1.5em; background: #000; background: rgba(0, 0, 0, 0.4); color: #fff; /*display: none;*/ z-index: 1;font-size: 14px;text-align:center;}
.focusNumBox{ position: absolute; z-index: 2; left: 50%; bottom: 50px;}
.focusNumBox a{ display: inline-block; width: 14px; height: 14px;  margin: 0 3px;background:url(../images/banbg.png) 0 0 no-repeat; color: #000;}
.focusNumBox a.hideNumTxt{ text-indent: -99em;}
.focusNumBox a.focusSel{width:14px;height:14px;background: #fff; color: #fff;line-height: 20px; text-align: center;  border-radius: 20px; text-decoration: none; overflow: hidden;}
.focusPreArr,.focusNextArr{ display: none; position: absolute; z-index: 3; top: 50%; width: 59px; height: 118px; background: url(../images/banbg.png) 0 -29px no-repeat; color: #fff;}
.focusNextArr{background-position: -64px -29px;right: 160px;}
 .focusPreArr:hover,.focusNextArr:hover{background:url(../images/banbg.png) -130px -29px no-repeat;}
.focusNextArr:hover{background-position: -198px -29px;}
.focusPreArr{ left: 160px;}

/*地市选择*/
.selectCity-tab a{ text-align: center; display: inline-block; width: 65px; height: 30px; line-height: 30px; color: #fff; border-left: 1px solid #fff; border-right: 1px solid #54a9e9}
.selectCity-tab a.sel{ background: #fff; border-right: 1px solid #ddd; color: #54a9e9;}
.selectCity-list{ padding: 5px; max-height: 275px; overflow: hidden; overflow-y: auto;}
.selectCity-list li{ display: inline-block; *float: left; width: 67px; height: 30px; line-height: 30px; text-align: center; overflow: hidden; text-overflow: ellipsis; cursor: pointer;}
.selectCity-list li:hover{ color: #f60;}


/*select模拟*/
.fake-select{display:inline-block; *display:inline; *zoom:1; border: 1px solid #ddd; background: #fff; padding: 4px 25px 4px 5px; color: #999; position: relative; z-index: 1; height: 20px; line-height: 28px; width: 118px; cursor: pointer;}
.fake-select>span{ display: block; height: 20px; line-height: 20px; color:#666; overflow: hidden; text-overflow: ellipsis;}
.fake-select[disabled]>span{ color: #ccc;}
.fake-select>i{ position: absolute; right: 10px; top: 10px; z-index: 1; display: block; background: url("../images/icon.png") 0 -130px; width: 10px; height: 10px;}
.fake-select .fake-select-option{ background: #fff; position: absolute; left: -1px; right: -1px; top:28px; z-index: 2; border: 1px solid #bbb; overflow: hidden; overflow-y: auto; max-height: 160px; display: none;}
.fake-select .fake-select-option>span{ display: block; padding: 4px 10px; height: 20px; line-height: 20px; color: #666; overflow: hidden; background: #fff; white-space: nowrap; text-overflow: ellipsis;}
.fake-select .fake-select-option>span:hover{ background: #e6f5ff;}
.fake-select .fake-select-option>span:active{background:#f70; color:#fff;}




