@charset "gb2312";
/* CSS Document */
body{font-family:'Microsoft YaHei'; overflow-x:hidden}
.transitionAll{transition:all 0.3s ease 0s}
.usa_nav{ height:80px; line-height:80px; background-color:#fff; width:100%; z-index:5}
.usa_nav ul{ width:960px; margin:0 auto}
.usa_nav li{ float:left; display:inline; width:160px; height:67px; line-height:20px;color:#666; text-align:center; padding:13px 0 0; cursor:pointer; position:relative; overflow:hidden}
.usa_nav li span{ font-weight:bold; line-height:32px;font-size:18px;}
.usa_nav li:hover,.usa_nav li.on{ color:#a22136;}
.usa_nav li i{ display:block; width:50px; height:4px; position:relative; margin:0 auto; background-color:#a22136; top:20px;transition:all 0.3s ease 0s}
.usa_nav li:hover i,.usa_nav li.on i{ top:11px;}
.redOne{ background-color:#a22136;}
.shapes h4{ font-size:24px; text-align:center; color:#fff; height:120px; padding:60px 0 0; font-style:normal; margin-bottom:20px;font-weight:normal}
.shapes h4 b{ font-size:30px;}
.shapes h4 i{ display:block; width:60px; height:2px; background-color:#fff; margin:20px auto 0;}
.shapes li{ float:left; display:inline; margin:0 0 5px; overflow:hidden}
.shapes img{ display:block;transition:all 0.3s ease 0s}
.shapes .mores img:hover{ transform:scale(1,1)}
.shapes img:hover{ transform:scale(1.02,1.02)}
.shapes .mar{ margin-right:5px;}
.texts{width:330px; height:150px; background:url(http://travel.sina.com.cn/subject/2015/1211/xie.png) center center no-repeat; text-align:center; color:#fff; padding-top:60px; font-size:24px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.texts span{ font-size:60px; line-height:62px;}
.shapes .aphas{ height:50px; background:url(http://travel.sina.com.cn/subject/2015/1211/bg_03.png) repeat-x left bottom; font-size:18px; position:absolute; left:0; bottom:0; box-sizing:border-box; color:#fff; padding-left:10px; width:100%; padding-top:10px;transition:all 0.3s ease 0s}
.shapes li:hover .aphas{ padding-top:0;}
.shapes li{ position:relative}
.shapes{ padding:0 0 80px;}
.pa{ width:330px; height:330px;color:#fff;}
.pa b{ font-size:18px;  font-weight:normal; line-height:20px; display:block; height:20px; margin:40px 0 24px;}
.pa p{ line-height:24px; font-size:14px; height:154px; overflow:hidden}
.pa .mores{ position:absolute; left:0; bottom:0}
.blueOne{ background-color:#3390db}
.blank80{ height:80px;}
.greenOne{ background-color:#a8ac0b;}
.blackOne{ height:564px; background-color:#333333;}
.blackOne h4{ height:180px;}
.blackOne h4{ font-size:24px; text-align:center; color:#fff; height:120px; padding:40px 0 0; font-style:normal; margin-bottom:20px}
.blackOne h4 b{ font-size:30px;}
.blackOne h4 i{ display:block; width:60px; height:2px; background-color:#fff; margin:20px auto 0;}

.blackOne ul{ width:100%;}
.blackOne ul li{ width:20%; height:384px; position:relative; float:left; display:inline; overflow:hidden}
.blackOne ul li .img{ width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover}
.blackOne ul .aphas{ height:50px; background:url(http://travel.sina.com.cn/subject/2015/1211/bg_03.png) repeat-x left bottom; font-size:18px; position:absolute; left:0; bottom:0; box-sizing:border-box; color:#fff; padding-left:10px; width:100%; padding-top:10px;transition:all 0.3s ease 0s; padding-top:10px;}
.blackOne ul li:hover .aphas{ height:100%;height:100%;background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;
filter:Alpha(opacity=70); background:#000;}
.blackOne ul h6{ font-size:18px; padding:0 0 20px; font-weight:normal}
.blackOne ul p{ font-size:14px; line-height:24px; padding:0 10px 0 0; height:280px; overflow:hidden}
.whiteOne { background-color:#fff; padding:0 0 80px;}
.whiteOne h4{ height:180px;}
.whiteOne h4{ font-size:24px; text-align:center; color:#333; height:120px; padding:40px 0 0; font-style:normal; margin-bottom:20px}
.whiteOne h4 b{ font-size:30px;}
.whiteOne h4 i{ display:block; width:60px; height:2px; background-color:#333; margin:20px auto 0;}
.whiteOne ul{}
.whiteOne li{ width:320px; height:380px; float:left; display:inline;}
.whiteOne li:not(:last-child){ margin-right:20px;}
.whiteOne li .imgDiv{ display:block; width:318px; height:214px; overflow:hidden}
.whiteOne li .imgDiv img{width:318px;height:213px;transition:all 0.3s ease 0s}
.whiteOne li .imgDiv img:hover{ transform:scale(1.02,1.02)}
.whiteOne li .imgTxt{ width:318px; border:1px solid #e6e6e6; border-top:none; box-sizing:border-box; padding:0 0 0 20px;}
.whiteOne li .titles{ color:#333; font-size:18px; line-height:20px; padding:20px 0 16px;overflow:hidden; white-space:nowrap; text-overflow:ellipsis;-o-text-overflow:ellipsis; display:block} 
.whiteOne li span{ background:url(http://travel.sina.com.cn/subject/2015/1211/local.png) left center no-repeat; font-size:14px; color:#666; line-height:16px; padding:0 0 0 20px;}
.whiteOne li .headImg{ display:block; margin-top:35px; margin-bottom:18px;}
.whiteOne li .headImg img{ width:40px; height:40px; border-radius:50%; vertical-align:middle; margin-right:10px;}

.whiteOne li .headImg{ font-size:14px; color:#333;}
.mask{width:100%; height:100%;background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important;
filter:Alpha(opacity=80); background:#000;position:absolute; top:0;z-index:3; height:600px;}

.usa_header{ width:100%; height:600px; overflow:hidden; position:relative; background-color:#333;}
.usa_header a{color:#fff;}
.usa_header a:hover{ color:#a22136}
.usa_header ul{ width:2000%}
.usa_header li{ color:#fff; width:1200px; position:absolute; float:left; display:inline; overflow:hidden; top:0}
.usa_header li h2{ font-size:48px; font-weight:bold; padding:0 0 0 96px;}
.usa_header .pro{ height:300px; background:url(http://travel.sina.com.cn/subject/2015/1211/ap.png) left bottom repeat-x; line-height:300px; position:absolute; left:0; bottom:0; width:100%;}
.usa_header .pro i{ font-style:normal; font-size:18px; position:absolute; bottom:68px; left:96px; line-height:24px; display:none}
.prev{ left:0; cursor:pointer}
.next{ right:0;cursor:pointer }
.Btndiv{ position:absolute; bottom:110px; z-index:4; height:50px; width:100%}
.Btndiv .w{ position:relative;}
.controlBtn{ width:100px; height:50px; cursor:pointer; float:right}
.controlBtn span{height:50px; float:left; display:inline; background-image:url(http://travel.sina.com.cn/subject/2015/1211/btns.png); background-repeat:no-repeat; }
.controlBtn .pre{ width:48px; background-position:0 0; }
.controlBtn .pre:hover{background-position:-236px 0; }
.controlBtn .nex{ width:50px; background-position:-48px 0; }
.controlBtn .nex:hover{background-position:-287px 0; }
.pai{ height:100px; line-height:100px; }
.pai p{text-align:center; line-height:100px;}
.pai p img{ margin:20px 50px 0 0}
/*带着微博去旅行*/
.weibo_travel h4{ height:180px;}
.weibo_travel h4{ font-size:24px; text-align:center; color:#fff; height:120px; padding:40px 0 0; font-style:normal; margin-bottom:20px}
.weibo_travel h4 b{ font-size:30px;}
.weibo_travel h4 i{ display:block; width:60px; height:2px; background-color:#fff; margin:20px auto 0;}

.weibo_travel{width:100%; height:900px; background:url(http://travel.sina.com.cn/subject/2015/1211/wb_02.jpg) top center no-repeat; overflow:hidden; padding:0 0 150px;font-family:'Microsoft YaHei';}
.weibo_travel .weibo_submit_box{ height:100px; margin-bottom:15px; margin:40px 0 0}
.weibo_travel .weibo_submit_box textarea{ border:0; background:#0077a6;width:810px; height:90px; padding:5px 15px; float:left; color:#92e0ff; font-size:12px; line-height:30px; font-family:'微软雅黑'; overflow:hidden;}
.weibo_travel .weibo_submit_btn{ float:left;width:160px; height:100px;background:url(http://i1.sinaimg.cn/travel/subject/2013/1227/weibo_btn.jpg) no-repeat; cursor:pointer;}
.weibo_travel .travel_box{height:660px; background:#f2f2f2}
.weibo_travel .waterfall_box{width:635px; height:595px; padding-left:15px; padding-right:45px;position:relative; float:left; display:inline}
#mcs2_container{position:absolute; left:15px; top:35px;width:635px;height:595px;}
#mcs2_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs2_container .customScrollBox .container{position:relative; width:600px;float:left;}
#mcs2_container .customScrollBox .content{clear:both;}
#mcs2_container .dragger_container{position:relative; width:18px;height:595px;float:right;cursor:pointer; background:#e6e6e6; border-radius:10px;}
#mcs2_container .dragger{position:absolute;width:18px; height:60px;background:#00a0df;border-radius:10px; overflow:hidden;cursor:pointer;}
#mcs2_container .dragger_pressed{position:absolute;width:18px;height:60px; background:#00a0df;border-radius:10px;overflow:hidden; cursor:pointer;}

.water_fall_box{width:600px; margin:0 auto;font-size: 12px;}
.imp {color: #00a0df !important;}
.cell {width:180px;overflow: hidden;margin-bottom: 10px;}
.cell .pretty-pic {padding:0;position: relative;zoom: 1;
margin-bottom: 8px;border-top-left-radius:2px;
border-top-right-radius:2px;}
.cell .pretty-pic .pretty-pic-img {width:180px;border: 0;}
.cell .favorite {padding: 0px 10px;}
.cell .favorite .counter {text-align: right;}
.cell .status-detail {color: #808080;padding:0px 10px;}
.cell .status-detail p a {color:#666;text-decoration:none; line-height:16px;}
.cell .status-detail p a:hover {color:#A5C010;text-decoration:underline;}
.waterfall_column{ margin-left:16px;width:180px; display:inline-block; *display:inline;zoom:1;vertical-align:top; overflow:hidden}
#container {width:100%;margin:0px auto; height:99999px;}

.weibo_travel .weibo_info_box{width:305px; height:660px; float:right;font-family:'Microsoft YaHei'!important}
.official_wb{width:270px; height:80px; overflow:hidden; margin-top:34px;}
.official_wb .head_pic{width:80px;height:80px; border-radius:3px;}
.official_wb .user_info{width:180px; height:80px;}
.official_wb  h5{ color:#0077a6;cursor:pointer;font-size:12px;}
.official_wb p{ font-size:12px; line-height:18px; color:#b2b2b2; margin:2px 0 0;}
.official_wb .user_atten{width:180px; height:24px; overflow:hidden;}
.official_wb .user_atten .W_tc{ text-align:center;width:180px; margin-left:-2px;}
.official_wb .user_atten .W_tc .S_line1{ border-left:1px solid #ccc;width:30%;}
.official_wb .user_atten .W_tc a{ display:block; text-decoration:none; line-height:12px;}
.official_wb .user_atten .W_tc a:hover{ text-decoration:none;}
.official_wb .user_atten .W_tc strong{ display:block; font-size:12px; color:#808080;}
.official_wb .user_atten .W_tc span{ font-size:12px; color:#b2b2b2;}
.official_wb .user_atten .W_tc .attention_btn{width:22px;height:22px;background:url(http://i0.sinaimg.cn/travel/subject/2013/1227/atten.png) no-repeat; cursor:pointer; margin-right:5px;}
.official_wb .user_atten .W_tc .want_btn{background-position:0 0;}
.official_wb .user_atten .W_tc .want_btn:hover{background-position:-22px 0;}
.official_wb .user_atten .W_tc .done_btn{background-position:0 -22px;}
.official_wb .user_atten .W_tc .done_btn:hover{background-position:-22px -22px;}
.weibo_info_box .weibo_change{width:270px; height:515px; overflow:hidden;border-top:2px solid #ccc; margin-top:15px;}
.weibo_info_box .weibo_change ul{width:270px; height:470px; overflow:hidden;font-family:'宋体'; font-size:12px;}
.weibo_info_box .weibo_change ul li{ border-bottom:1px solid #ccc;font-family:'Microsoft YaHei'}
.weibo_info_box .weibo_change ul li p{ line-height:20px; color:#666;  padding:8px 0 10px;}
.weibo_info_box .weibo_change ul li .weibo_bottom{ height:14px; line-height:14px; margin:7px 0 15px;font-family:'Microsoft YaHei'}
.weibo_info_box .weibo_change ul li .weibo_info{ float:left;width:90px; height:14px; color:#b3b3b3}
.weibo_info_box .weibo_change ul li .weibo_handle{ float:right;width:170px;height:14px;text-align:right; color:#00a0df}
.weibo_info_box .weibo_change ul li .wb_img{ max-width:270px;height:auto;}
.weibo_info_box .weibo_change .wb_arrow{ float:left;width:20px; height:20px; margin-right:4px;cursor:pointer;background:url(http://i2.sinaimg.cn/travel/subject/2013/1227/wb_change.png) no-repeat; margin-top:15px;}
.weibo_info_box .weibo_change .up{ background-position:0 0;}
.weibo_info_box .weibo_change .up:hover{background-position:-20px 0;}
.weibo_info_box .weibo_change .down{ background-position:0 -20px;}
.weibo_info_box .weibo_change .down:hover{ background-position:-20px -20px;}
.weibo_info_box .weibo_change .lock{ background-position:0 -40px;}
.weibo_info_box .weibo_change .unlock{ background-position:-20px -40px;}
.fr{ float:right}
.fl{ float:left}

