@charset "utf-8";
/* CSS Document */
a {
    color:#1155CC ;
    outline: medium none;
    text-decoration: none;
}
.l-con{float: left;  width: 206px; margin-right: 9px;}

.l-menu{border: 1px solid #eaeaea; padding:2px;}
.r-con{width: 770px;  float:right;}
.weather-l{ background-color: #FFFFFF;border-left: 1px solid #E3E3E3;border-right: 1px solid #E3E3E3;color: #222222;}

.weather-right-now{ background-color: #3387DA;
    color: #FFFFFF;
    display: block;
    font-size: 14px;
    overflow: hidden;
	min-height:135px;
    padding: 10px; width:135px;float:left;
   }

.f12{ font: 12px simsun,arial;}
.f12b{ font: 12px 微软雅黑,arial;_font-family:simsun,arial;}
.f14b{ font: 14px 微软雅黑,arial;_font-family:simsun,arial;}
.f16b{ font: 16px 微软雅黑,arial;_font-family:simsun,arial;}
.f18b{ font: 18px 微软雅黑,arial;_font-family:simsun,arial;}
.f20b{ font: 20px/20px 微软雅黑,arial;_font-family:simsun,arial;}
.f22b{ font: 22px 微软雅黑,arial;_font-family:simsun,arial;}
.f24b{ font: 24px/24px 微软雅黑,arial;_font-family:simsun,arial;}
.f26b{ font: 26px 微软雅黑,arial;_font-family:simsun,arial;}
.f28b{ font: 28px/28px 微软雅黑,arial;_font-family:simsun,arial;}
.f30b{ font: 30px/30px 微软雅黑,arial;_font-family:simsun,arial;}
.f36b{ font: 36px/36px 微软雅黑,arial;_font-family:simsun,arial;}

/*气温等*/
.blue {color:#5FB0FF;}
.red {color: #cc3d3d;}
.green {color: #81ab41;}

   
.three-wed table{margin:10px 0 15px;}
.three-wed td{text-align:center;}
.weather-right-now h1,.r-con h1,.weather-right-now .tit,.month-tit{ font: 16px/20px 微软雅黑,arial;_font-family:simsun,arial; display:block;}   
.month-tit{ font-size: 18px;
    margin-bottom: 15px;
    padding-left: 20px;}
.weather-right-now .tit a,.weather-right-now .tit a:hover{ color:#fff;}

.r-con h1{font-size:26px;  height: 28px;
    line-height: 30px;}

.weather-right-now  .box-wea{ width:120px;}

.menu-list{overflow: hidden;margin-bottom: -2px;}

.menu-list li a{background-color: #fafafa;
    color:#1155CC;
    display: block;
    font: 14px/25px 微软雅黑,arial;_font-family:simsun,arial;
    padding: 2px 8px;}
	
.menu-list li{height:29px; margin-bottom:2px}

.menu-list li a:hover{background-color:#409FFD; color:#fff; text-decoration:none;}

.r-bor{border: 1px solid #eaeaea; overflow:hidden;}

.r-box{}

/*table*/
s.tit{ bottom:3px;right:3px;}
.tab-country td {
    line-height: 22px;
    padding: 5px 0;
    text-align: center;
}

.tab-tit td {
    border-right: 1px solid #FFFFFF;
	font: 14px 微软雅黑,arial;_font-family:simsun,arial; color:#444444;

}
.tab-tit td.color-box{ background-color: #DC6F6F;
    color: #FFFFFF;
	height:22px;}
	


/**周边地区*/
.menu-tit{ font: 16px/30px 微软雅黑,arial;_font-family:simsun,arial; border-bottom:1px solid #eaeaea; background:url(http://w.zuzuche.com/img/tt-bg.gif) repeat-x left bottom; padding:0 5px;}
.near-area{padding:2px 5px 0;}
.air-img{ padding:10px 0 12px 30px; background:url(http://w.zuzuche.com/img/air.gif) no-repeat; line-height:14px;border-top: 1px dashed #EAEAEA; margin-top:-3px;}
.air-img-none{background:none;}


/*天气框*/
/*.weather-group{  width: 775px;}
*/
.weather-box {
    color: #333333;
    display: block;
    float: left;
    height: 258px;
    padding: 5px 10px 10px;
    text-align: center;
    width: 132px;
	margin-right:2px;
	background-color:#f6f6f6;
	border:0!important;
	zoom:1;
	*margin-right:1px;
	*width:132px;margin-bottom: 2px;
}

.seven-day .weather-box{ width:88px;}
	
.weather-box a:hover,.old-weather td a:hover{text-decoration:none;}
	
.weather-box div.l{overflow: hidden;width:70px;white-space: nowrap;text-overflow: ellipsis;}

.weather-box img{margin:0 0 10px;}

.weather-new-box span{display:block; margin-bottom:10px;}

.weather-new-box span.red{margin-bottom:20px;}

.big-weather-box .weather-box{ width:316px; margin-right:10px; overflow:hidden;padding:5px 10px 10px;}

.big-weather-box .weather-box .w-date{font:22px/24px 微软雅黑,arial; _font-family:simsun,arial;}

.big-weather-box{ text-align:center;}

.big-weather-box .weather-box div.l{width:265px}
.big-weather-box .weather-box div span{line-height:30px; font-size:14px;}

.now-wea{background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #FED664;
    margin-top: -1px;}
.tips {
    color: #666666;
    line-height: 16px;
    padding: 5px 14px 10px;
    width: 740px;
	border:1px solid #e5e5e5;
	border-top: 1px dashed #DDDDDD;*zoom:1;
	margin:0;
}

.tips span{padding:5px 0; display:block; font-size:12px;}

.seacon .tips span{padding:3px 0;}

.tips .tips-tit{font: 18px/30px 微软雅黑,arial; _font-family:simsun,arial}

.mr10{margin-right:10px;}

.weather-line{ width:390px; overflow:hidden;  height: 150px;}

.city-cell{width:188px; border-left:1px solid #f9f9f9; float:left; margin-bottom: 5px; overflow:hidden;}

.detail-tips{ width:280px; height: 83px; overflow:hidden; border:0}

h2.tit{font: 14px/30px 微软雅黑,arial; _font-family:simsun,arial;}


/*季节月份公用样式*/
.city-weather{ border:1px solid #e5e5e5; margin-bottom:10px;}
.weather-season-box{ background-color: #f6f6f6; border-bottom:none;padding: 10px 0 10px 0;width:505px; position:relative;width:613px;min-height:135px;}

.weather-season-box dl {padding-bottom:25px; color:#555;}
.weather-season-box dl dd{float:left; width:130px; display:block;padding-left:20px;}
.seacon .tips,.season-tips{border: 1px solid #EAEAEA;border-left: 0 none;height: 215px;padding:6px 10px 5px 12px;width: 238px;_height:216px}
.seacon .tips b{padding:0 3px 0 5px; font-weight:normal; font-size:14px;}

/*优化增加链接*/
p.more-city a{   margin-right: 13px;
    white-space: nowrap;
    word-break: keep-all; display: inline-block;}
p.more-city{ padding-top:5px; font-size:14px;}
.p_bor{border-top:1px dashed #eaeaea;}

/*酒店样式*/
.w-hottel { line-height:21px;}

.w-Price { color:#CC0000; font-size:14px; float:left;}

.w-Booking { color:#ff6600; font-weight:bold; float:right;}

.w-Booking a,.w-Booking a hover { color:#ff6600;}

.w-hotlist {margin-bottom: 20px;overflow: hidden;width: 780px;}

.w-hotlist ul { float:left; width:178px; border:1px solid #e5e5e5; margin-right:15px;}

.w-hotlist ul li { line-height:28px; overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.w-hotlist ul li a { padding-left:5px;float:left;}

.w-hotlist ul li a.hotp { color: red;float: right; padding-right: 5px;}

.w-hotlist ul li.h-toptit { background: url("http://w.zuzuche.com/img/tt-bg.gif") repeat-x scroll left bottom transparent;border-bottom: 1px solid #E5E5E5;height: 30px;font:16px/30px 微软雅黑,arial; padding-left:5px; text-align:center;}

.w-hotlist ul li.h-toppic {background: none no-repeat scroll 50% 50% #FFFFFF; border-bottom: 1px solid #E6EDF6; display: block; height: 200px; overflow: hidden; position:relative;}

.h-toppic span.h-back {background-color: #000000;bottom: 0;display: block; height: 35px; position: absolute; width: 100%; opacity:0.5;}

.w-hotlist ul li.h-Name { position:relative; bottom:0; color:#fff;  width:100%; display:block;  z-index:1; margin-top:-30px; }

.w-hotlist ul li.h-Name a { color:#fff;}

.look-more { padding:15px 16px; font-size:14px; font-weight:bold; color:#444; cursor:pointer;*width:90px;}
.look-more s{background: url("http://w.zuzuche.com/img/web-icon.png") no-repeat scroll left -158px transparent;display: block;float: right;height: 14px;margin:4px 0 0 5px;width: 14px;}
.look-more s.close{ background-position:left -177px;}




/*酒店*/
.hotel-box{padding:15px  0 10px; margin-top:10px; line-height:22px;}
.star{display:inline-block; background:url("http://w.zuzuche.com/img/stars.png") no-repeat scroll 0 0 transparent; height:16px;}
.star1{ width:16px;}
.star2{ width:34px; background-position:0 -20px;}
.star3{ width:52px; background-position:0 -39px;}
.star4{ width:70px; background-position:0 -59px;}
.star5{width:88px; background-position:0 -78px;}
.r-box .title{margin-top:5px!important;}


/*new style 20130221 by kim*/
.near-weather ,.more-line .more-bg a,.tips-row,.share s{background:url(http://w.zuzuche.com/img/web-icon.png) no-repeat;}
.near-weather { background-position:0 -137px; padding-left:20px; height:27px;overflow:hidden;}
.near-weather a{display:block; background-color:#1270cd; font-size:14px;color:#eaf5ff; height:26px; line-height:24px; padding:0 7px 0 3px;overflow:hidden;width:116px;}
.near-weather a:hover{ color:#fff; text-decoration:underline;}
.weather-season-box dd p{line-height:36px;margin-top:10px;}
.more-line{ border-top:1px solid #e8e8e8;height:38px;}
.more-line .more-bg{border-top:1px solid #fff; text-align:center;padding-top:4px;}
.more-line .more-bg a{ background-position:right -180px; height:24px;line-height:24px; padding:0 26px 0 0;display:inline-block; font-size:14px;}

.tips-row{ display:block; position:absolute; right:-1px;_right:-2px;top:16px; width:10px; height:18px; background-position:0 -222px;}

/*holo style*/
.holo-box ul li{float:left;}
.holo-box ul.holo-month li a{background: none repeat scroll 0 0 #fafafa;
    border-color:#EFEFEF #CFCFCF #CFCFCF #EFEFEF;
    border-style: solid;
    border-width: 1px;
    color:#3365BA;
    cursor: pointer;
    display: block;
    height:50px;
    width:51px;
    text-align: center;font: 16px 微软雅黑,arial;_font-family:simsun,arial;margin-right:12px;line-height:50px;}

/*hot-list ui li for country*/
.holo-box ul.hot-city li a{height: 65px;
    line-height: 16px;
    padding: 10px 0 5px;
    text-align: center;
    width: 116px;}
ul.hot-city li a span{display:block; padding-bottom:2px;}
ul.holo-month{overflow: hidden;width: 780px;}
.holo-box ul li a:hover{  box-shadow: 0 0 4px 1px rgba(69, 154, 231, 0.3) inset; color:#3079ED; text-decoration:none}

ul.holo-season{width:780px; overflow:hidden;}
ul.holo-season li a{
	color: #FFFFFF;
    display: block;
    height: 130px;
    margin-right: 15px;
    padding: 10px 0 0;
    text-align: center;
    width: 180px;
	*zoom:1;
    filter: alpha(opacity=80); /*IE*/
 	-moz-opacity: 0.8; /*Mozilla*/
    opacity: 0.8; /*FF*/}
	
ul.holo-season li a .opacity8{ margin-top: 30px;padding-right: 20px;text-align:right;}
.opacity8{
	filter: alpha(opacity=80); /*IE*/
 	-moz-opacity: 0.8; /*Mozilla*/
    opacity: 0.8; /*FF*/}
.opacity6{
	filter: alpha(opacity=60); /*IE*/
 	-moz-opacity: 0.6; /*Mozilla*/
    opacity: 0.6; /*FF*/}
	
ul.holo-season li a.spring{background-color: #89d178;}

ul.holo-season li a.summer{ background-color:#e27c6e}

ul.holo-season li a.autumn{ background-color:#e8bf6f}

ul.holo-season li a.winter{ background-color:#b5d3f0}

ul.holo-season li a:hover{text-decoration:none!important; color:#fff;box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1) inset;filter: alpha(opacity=100); /*IE*/
 	-moz-opacity: 1; /*Mozilla*/
    opacity: 1; /*FF*/
	*zoom:1}

/*search box*/
.l-con #pickup_box{border:3px solid #72BC00!important;}
.l-con #pickup_box input{color:#76a332!important;}


.no-date{ filter: alpha(opacity=50); /*IE*/-moz-opacity: 0.5; /*Mozilla*/opacity: 0.5; /*FF*/}


.old-weather td{
	background-color:#f6f6f6;
    margin-right:1px;
    padding: 5px;
    text-align: center;
	line-height:18px;color:#333;height:145px;}
	
.old-weather td a img{overflow:hidden;}

.old-weather td a b{font-weight:normal;}

.little-txt{color: #777777;
    display:inline-block;
    height: 18px;
    line-height: 18px;
    margin: 5px 0;
    overflow: hidden;width: 60px;}
	
sup{vertical-align:top;}

/*sns style*/
.sns a{background:url(http://w.zuzuche.com/img/web-icon.png) no-repeat !important;color:#444;height: 14px !important;line-height: 14px;overflow:hidden;}
.sns a {
	display:inline-block;
	height:16px;
	width:16px;
	margin-right:2px;
}

.sns a.qq-zone {
	background-position:0 -390px!important;
}
.sns a.sina {
	background-position:0 -407px!important;
}
.sns a.tx-weibo {
	background-position:0 -424px!important;
}
.sns a.renren {
	background-position:0 -441px!important;
}
.sns{background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #409FFD;
    display: none;
    margin: 0;
    padding: 5px;
    width:80px;}
.div-but{margin-bottom:5px;}

/*png24*/
.ispng img,.weather-box img,.old-weather td a img {
azimuth: expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "/image/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

/*new head */
.btn-groud {_width:302px;margin-top: 8px;}
.city-wea-bar .btn-groud {_width:404px;}
.b-title {font:28px/28px 微软雅黑,arial;}
.btn-groud a.quick,.btn-groud a.share{
    display: block;
    line-height: 20px;
    margin-right: 2px;
    padding: 2px 10px 5px;}
.btn-groud a.quick{float:left;}	
.btn-groud a.share{margin:0;}
.btn-groud a:hover,.btn-groud a.active,.share-hover a.share{background-color:#409FFD;color:#FFFFFF; text-decoration:none;border-radius: 2px;}

.share-hover{z-index:1;}

.share-hover .sns{display:block;}

.share s{display:block; background-position:0 -118px; width:7px; height:4px; margin: 9px 0 0 0;}

.btn-groud a.share:hover s,.share-hover a.share s{ background-position:right -118px;}


/* weekend weather*/
.weekend .weather-box{width: 363px;}

/*side left*/
.xiashudiqu {overflow: hidden;
    padding: 2px 5px 0;
    width: 195px;}
.xiashudiqu ul li{ display: block;
    float: left;
    line-height: 22px;
    margin: 5px 5px 5px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
}

/*ten days style*/
.tendays .old-weather td  b{ display:block; margin-bottom:20px; font-weight:normal;}


.tendays .old-weather td{  background-color: #FAFAFA;
    border: 1px solid #EAEAEA;
    color: #333333;
    line-height:20px;
    margin-right: 1px;
    padding: 10px 5px 5px;
    text-align: center;}
.tendays .old-weather td  em{ margin-bottom:10px; display:block;}	

.tendays .old-weather td em.green{margin-bottom:15px;}
.tendays .old-weather td em.caa{margin-bottom:5px;}


/*contry page style*/
.contry-con .weather-season-box,.small-sbox .weather-season-box{width:260px; height: 221px;}
.contry-con .seacon .tips,.small-sbox .tips{width:485px;height: 225px;_height:226px;}
.contry-con .weather-season-box dl dd,.small-sbox .weather-season-box dl dd{ height:105px;}


.drivbnt { margin:10px 0}
.drivbnt, .drivbnt a{background-color: #4D90FE;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);

    color: #F5F5F5;font: 400 14px/50px "Microsoft YaHei",'simsun',sans-serif,Arial; height:50px; width: 206px;  text-align:center;display:block;cursor: pointer; border-radius:3px;}
	
.drivbnt a:hover{	 background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border-color: #357AE8;
    color: #FFFFFF; }
.drivbnt s{ background:url(../image/arrow.png) no-repeat ; width:26px; height:26px; display:block; float:right; margin:15px 10px 0 -10px; _margin-right:5px; text-decoration: none;}