.box{ float:left; width:250px;overflow:hidden;}
#boxTop{float:left; width:248px; padding:0 1px; height:30px;background:url("/statics/images/weather_new/tq_boxTop003.gif") no-repeat 0 0;overflow:hidden;}
#boxTop ul{float:left; width:252px; height:24px; margin:0; padding:0;}
#boxTop li{ float:left; height:32px;line-height:32px; color:#333;text-align:center; white-spance:nowrap;}
#boxTop li.hover{ float:left;color:#4C9BD0; font-weight:bold; text-align:center;cursor: pointer;background:url("/statics/images/weather_new/tq_boxTop003.gif") no-repeat 0 -40px;}
#boxTop .w1{ width:124px;}
#boxTop .w2{ width:124px;}
#boxTop .w3{ width:74px;}
#boxCont{ float:left; width:220px;  border:1px solid #C1DAF2; border-top:none; padding:8px 14px 4px; overflow:hidden;}
#boxCont .news{float:left; width:220px;padding:0px 0 0 0;/*background:url("/statics/images/weather_new/tq_boxTop003.gif") no-repeat -235px -51px;*/}
#boxCont .news li{float:left; width:220px; height:28px; text-indent:9px;line-height:28px;font-size:14px; overflow:hidden; background:url("/statics/images/weather_new2/xk_4_7.gif") no-repeat 0 11px;}
#boxCont .news li a{color:#333;}

#boxCont .ly{ float:left; width:220px;}
#boxCont .ly li{ float:left; width:110px; height:30px; line-height:30px; font-size:14px; color:#08c; text-indent:9px; font-weight:400; overflow:hidden;background:url("/statics/images/weather_new2/xk_4_7.gif") no-repeat 0 12px; }
#boxCont .ly a.f1{ color:#08c;background:url("/statics/images/weather_new2/") no-repeat 0 -182px; padding:0 0 0 24px;float:left; width:110px; height:30px; line-height:30px;}
#boxCont .ly a.f1:hover{ color:#f60;background:url("/statics/images/weather_new2/") no-repeat 0 -182px;}
#boxCont .ly a.f2{ color:#08c;background:url("/statics/images/weather_new2/") no-repeat 0 -393px; padding:0 0 0 24px;float:left; width:110px; height:30px; line-height:30px;}
#boxCont .ly a.f2:hover{ color:#f60;background:url("/statics/images/weather_new2/") no-repeat 0 -393px;}
#boxCont .ly a.f3{ color:#08c;background:url("/statics/images/weather_new2/") no-repeat 0 -287px; padding:0 0 0 24px;float:left; width:110px; height:30px; line-height:30px;}
#boxCont .ly a.f3:hover{ color:#f60;background:url("/statics/images/weather_new2/") no-repeat 0 -287px;}
#boxCont .ly a.f4{ color:#08c;background:url("/statics/images/weather_new2/") no-repeat 0 -494px; padding:0 0 0 24px;float:left; width:110px; height:30px; line-height:30px;}
#boxCont .ly a.f4:hover{ color:#f60;background:url("/statics/images/weather_new2/") no-repeat 0 -494px;}
#boxCont .ly a { color:#08c;}
#boxCont .ly a:hover { color:#08c;text-decoration: underline;}

.boximg{ float:left; width:220px; height:90px; position:relative; padding:0;}
.boximg img{ float:left; width:220px; height:90px;}
.boximg a{ color:#fff;}
.boximg .bg{ float:left; width:220px; height:22px;background:#000;filter:Alpha(Opacity=70);opacity: 0.7; moz-opacity: 0.7; position:absolute; left:0px; bottom:0;}
.boximg .txt{ float:left; width:210px; padding:0 5px; height:22px; line-height:22px; text-align:center; font-size:14px;position:absolute; left:0px; bottom:0; overflow:hidden;}