@charset "utf-8";

/*全局 start*/
html{overflow-y:scroll;_overflow-y:auto;z-index:1;}
body{margin:0 auto;padding:0;background:#FFF;color:#666;font:14px '微软雅黑', simhei;text-align:center;}
body div{margin:0px auto;text-align:left;} 
div,form,ul,ol,li,span,p,dl,dt,dd,img{margin:0;padding:0;border:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:normal;}
ul,ol,li{list-style:none;}
table,td,input,textarea{font-size:14px;}
.clear{height:0;clear:both;font-size:0;line-height:0;overflow:hidden;}
.mt10{margin-top:10px;}
.mt50{margin-top:50px;}
.mt20{margin-top:20px;}
.mr20{margin-right:20px;}
/* 链接颜色 */
a:link {text-decoration:none;color:#333;}
a:visited{text-decoration:none;color:#333;}
a:hover{text-decoration:none;color:#C80000;}
a:active{text-decoration:none;color:#C80000;}
/*结构*/ 
div.TWAll{width:100%;_width:expression(this.offsetWidth);min-width:1100px;}
div.TArea{margin:0px auto;width:1100px;}
/*图片公用li样式*/
.PubLi li{overflow:hidden; display:block; float:left; position:relative;}
.PubLi li p{display:block; position:absolute; width:100%; left:0; bottom:0; height:40px; line-height:40px; font-size:16px;}
.PubLi li p a:link,.PubLi li p a:visited,.PubLi li p a:hover,.PubLi li p a:active {text-decoration:none;color:#DDD;}
.PubLi li.hover p a:link,.PubLi li.hover p a:visited,.PubLi li.hover p a:hover,.PubLi li.hover p a:active {color:#FFF;}
.PubLi li p.b {filter:alpha(Opacity=20);-moz-opacity:0.2;opacity:0.2;z-index:170;background-color:#000;}
.PubLi li.hover p.b {filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;}
.PubLi li p.t {z-index:180;padding:0 10px;}
/*顶部*/
#Head{ height:30px; border-bottom: 1px solid #DDD; background-color:#EEE; min-width:1100px; font-size:14px; line-height:30px;}
#Head #HeadArea #HeadL{ float:left;}
#Head #HeadArea #HeadL a:link,#Head #HeadArea #HeadL a:visited,#Head #HeadArea #HeadL a:hover,#Head #HeadArea #HeadL a:active {text-decoration:none; color:#666;}
#LBTLi{ width:30px; float:right; height:30px;}
#LBTLi a{ width:29px;height:20px; margin-top:5px; display:block; background:url(http://www.oursea.com/statics/images/oursea/oursea_weixin.png) no-repeat;background-position:0 0; float:left;}
#LBTLi a#weixin{background-position:0px 0px;}
#LBTLi a#weixin:hover{background-position:-30px 0px; position:relative;}
#LBTLi a#weixin.hover span{position: absolute; display:block;right:0px;top:30px;background-image:url(http://www.oursea.com/statics/images/oursea/nvxingshishang_200_200.png); width:200px; height:200px;background-size:100% 100%; z-index:10000;}
/*顶部导航栏*/
#Head2{height:180px;}
#Head2 #logo{height:90px;text-align:center; padding-top:30px;}
#Head2 #TopColumn{height:60px; background-color:#333;}
#Head2 #TopColumn ul{width:1100px; height:60px; margin:0 auto;}
#Head2 #TopColumn ul li a{width:125px; line-height:60px; color:#FFF; font-size:20px; text-align:center; float:left;}
#Head2 #TopColumn ul li.start a{width:100px; height:60px; line-height:60px; color:#FFF; font-size:20px; text-align:center; float:left; background-color:#444;}
#Head2 #TopColumn ul li.hover a{background-color:#444;}
/*轮播*/
#Top{height:500px; background-color:#444;}
#Top #TopSh{height:500px; overflow:hidden; position:relative;}
#Top #TopSh ul li div{height:500px; position:relation; float:left;}
#Top #TopSh ul li div p.b{width:1100px; height:40px; filter:alpha(Opacity=20); -moz-opacity:0.2; opacity:0.2; position:absolute; z-index:170; background-color:#000; bottom:0px;}
#Top #TopSh ul li.hover div p.b{filter:alpha(Opacity=50); -moz-opacity:0.5; opacity:0.5;}
#Top #TopSh ul li div p.t{width:1100px; height:40px; bottom:0px; position:absolute; z-index:180; font:normal normal bold 20px/40px "宋体";text-align:center;}
#Top #TopSh ul li div p.t a{color:#FFF;}
#Top #TopSh .prev,#Top #TopSh .next{display:none; width:40px; height:100px; background:url(http://www.asiacool.com/statics/images/asiacool/NewsFocusFigure_btn.png) no-repeat; position:absolute; top:200px;}
#Top #TopSh .prev{left:0;}
#Top #TopSh .next{right:0; background-position:right;}
/*推荐处-竖*/
#Recommend #RecArea #Vertical{width:750px; float:left;}
#Recommend #RecArea .Title{height:40px; width:100%; line-height:40px; font-size:24px; float:left; position:relative; color:#444; font-weight:bold;font-family:"迷你简小标宋"; margin-top:10px; margin-bottom:10px;}
#Recommend #RecArea .Title b {display:block;background-color:#444;width:8px;height:26px;float:left;margin:7px 10px 0 0;}
#Recommend #RecArea #Vertical li{margin-right:25px; width:350px; height:410px;}
#Recommend #RecArea #Vertical li img{width:350px;}
#Recommend #RecArea #Vertical li p.t{width:330px;}
/*推荐处-头条*/
#Recommend #RecArea #Focus{ height:460px; width:350px; float:left;}
#Recommend #RecArea #Focus ul{width:350px; height:400px; overflow:hidden; margin-top:5px; float:left; position:relative;}
#Recommend #RecArea #Focus li {width:100%;height:51px;line-height:52px;border-bottom:1px dashed #E1E1E1;font-size:16px;text-align:left;overflow:hidden;}
#Recommend #RecArea #Focus li.end {border-bottom:0px dashed #E1E1E1;}
#Recommend #RecArea #Focus li a:link,#Recommend #RecArea #Focus li a:visited,#Recommend #RecArea #Focus li a:hover,#Recommend #RecArea #Focus li a:active {text-decoration:none;color:#404040;}
#Recommend #RecArea #Focus li a:hover{color:#B10101;}
/*推荐处-横*/
#Recommend #RecArea #Cross{ height:230px; width:1100px; float:left; margin-top:20px;}
#Recommend #RecArea #Cross li{margin-right:25px;width:350px;height:230px;}
#Recommend #RecArea #Cross li.end{margin-right:0px;}
#Recommend #RecArea #Cross li img {width:350px;}
#Recommend #RecArea #Cross li p.t {width:330px;}

/*栏目标题-白*/
.LBbox {width:100%; _width:expression(this.offsetWidth); height:60px; color:#FFF; margin-top: 30px; margin-bottom:20px; float:left; position:relative;}
.LBbox div.bd {width:40%; height:20px; float:left; border-top:1px solid #FFF; margin-top:25px; line-height: 40px;}
.LBbox div#Title{width:20%; height:50px; border-top-width:0px; margin-top:5px; text-align:center; }
.LBbox div#Title a{ font-size:44px;color:#FFF; font-family:"迷你简小标宋";}
/*栏目标题-黑*/
.LBbox2 {width:100%; _width:expression(this.offsetWidth); height:60px; color:#333; margin-bottom:20px; float:left; position:relative;}
.LBbox2 div.bd {width:40%; height:20px; float:left; border-top:1px solid #999; margin-top:25px; line-height: 40px;}
.LBbox2 div#Title{width:20%; height:50px; border-top-width:0px; margin-top:5px; text-align:center; } 
.LBbox2 div#Title a{ font-size:44px; color:#333; font-family:"迷你简小标宋";}
/*4张图片*/
.LBnews{width:1100px; height:435px; background-color:#FFF; position:relative;  float:left;}#Recommend #RecArea #Cross li{margin-right:25px;width:350px;height:230px;overflow:hidden;display:block;float:left;position:relative;}
.LBnews li{width:256px; height:350px; margin-right:20px; margin-top:8px;}
.LBnews li.start{margin-left:8px;}
.LBnews li.end{margin-right:0px;}
.LBnews li img {width:256px;}
.LBnews li p.t{width:236px;}
.CurNewsArea{ height:50px; padding:10px; width:1080px; float:left;}
.CurNewsArea .CurNews{width:1080px; height:50px; overflow:hidden; float:left; position:relative;}
.CurNewsArea .CurNews li{width:236px; margin-right:40px;height:18px;line-height:18px; font-size:14px; text-align:left; overflow:hidden; float:left;}
.CurNewsArea .CurNews li.special{ margin-right:0px;}
/*红背景*/
.LBRed{height:580px; background-color:#C80000;}
/*黑背景*/
.LBBlack{height:580px; background-color:#444;}
/*白背景*/
.LBWhite .STuiJ li{margin-right:25px; width:350px; height:440px;}
.LBWhite .STuiJ li img{width:350px;}
.LBWhite .STuiJ li p.t{width:330px;}
.LBWhite .TuiJ li{margin-right:25px; width:350px; height:210px; float:left; position:relative;}
.LBWhite .TuiJ li.mr0{margin-right:0px;}
.LBWhite .TuiJ li img{width:350px;}
.LBWhite .TuiJ li p.t{width:330px;}

.LBWhite #CurTTai ul{ width:350px; height:440px; overflow:hidden;}
.LBWhite #CurTTai ul li{ width:350px; height:90px; overflow:hidden; float:left; position:relative; padding-top:16px;  padding-bottom:11px; border-bottom:1px dashed #DDD;}
.LBWhite #CurTTai ul li.start{ padding-top:0px;}
.LBWhite #CurTTai ul li .img{width:80px; height:82px; float:left; position:relative; border:2px solid #CCC; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; overflow:hidden;}
.LBWhite #CurTTai ul li .desc{width:260px; margin-left:6px; height:90px; float:left; position:relative; overflow:hidden;}
.LBWhite #CurTTai ul li .desc .title{width:255px; height:30px; float:left; position:relative; overflow:hidden; font-size:18px;line-height:30px;text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap; margin-left:5px;}
.LBWhite #CurTTai ul li .desc .info{width:250px; height:40px; float:left; position:relative; overflow:hidden; font-size:12px;line-height:20px; margin-left:10px; margin-top:10px;}
.LBWhite #CurTTai ul li .desc .info a:link,.LBWhite #CurTTai ul li .desc .info a:visited,.LBWhite #CurTTai ul li .desc .info a:hover,.LBWhite #CurTTai ul li .desc .info li a:active {text-decoration:none;color:#999;}

/* 列表 */
#LBMainBody {font-family:'Microsoft Yahei';}
#LBMainBody #LBMBArea {min-height:600px;}
#LBMainBody #LBMBArea #LBMBL {float:left;width:770px;min-height:600px;}
#LBMainBody #LBMBArea #LBMBL ul li {position:relative;padding:10px;height:160px;margin-bottom:10px;border-bottom:1px dashed #EDEDED;}
#LBMainBody #LBMBArea #LBMBL ul li a:link,#LBMainBody #LBMBArea #LBMBL ul li a:visited,#LBMainBody #LBMBArea #LBMBL ul li a:hover,#LBMainBody #LBMBArea #LBMBL ul li a:active {text-decoration:none;color:#404040;}
#LBMainBody #LBMBArea #LBMBL ul li div.introduce a:link,#LBMainBody #LBMBArea #LBMBL ul li div.introduce a:visited,#LBMainBody #LBMBArea #LBMBL ul li div.introduce a:hover,#LBMainBody #LBMBArea #LBMBL ul li div.introduce a:active {text-decoration:none;color:#999;}
#LBMainBody #LBMBArea #LBMBL ul li.hover {background-color:#f9f9f9;}
#LBMainBody #LBMBArea #LBMBL ul li div {position:absolute;width:510px;}
#LBMainBody #LBMBArea #LBMBL ul li div.img {top:10px;left:10px;overflow:hidden;width:220px;height:150px;}
#LBMainBody #LBMBArea #LBMBL ul li div.title {top:10px;left:260px;font-size:20px;height:20px;line-height:20px;overflow:hidden;}
#LBMainBody #LBMBArea #LBMBL ul li.hover div.title a {color:#C80000;}
#LBMainBody #LBMBArea #LBMBL ul li div.introduce {top:40px;left:260px;color:#999;line-height:30px;height:90px;overflow:hidden;}
#LBMainBody #LBMBArea #LBMBL ul li div.other {top:130px;left:260px;}
#LBMainBody #LBMBArea #LBMBL ul li div.other span {display:block;padding:0px 8px;float:left;font-size:14px;line-height:30px;margin-right:12px;color:#777;}
#LBMainBody #LBMBArea #LBMBL ul li div.other span#catname {background-color:#B10101;color:#FFF;}
#LBMainBody #LBMBArea #LBMBL ul li div.other span#catname a {color:#FFF}
#LBMainBody #LBMBArea #LBMBL ul li.nopic {height:120px}
#LBMainBody #LBMBArea #LBMBL ul li.nopic div.title {top:10px;left:10px;font-size:20px;height:20px;line-height:20px;overflow:hidden;}
#LBMainBody #LBMBArea #LBMBL ul li.nopic div.introduce {top:40px;left:10px;color:#999;line-height:30px;height:60px;overflow:hidden;}
#LBMainBody #LBMBArea #LBMBL ul li.nopic div.other {top:100px;left:10px;}
.MBR {float:right;width:300px;padding:10px;background-color:#EEE;min-height:600px;}
.MBR .you {width:300px;padding-bottom:10px;}
.MBR .end {position:relative;overflow:hidden;}
/* Nav */
#CBNav {line-height:50px;font-size:14px;margin-top:2px;}
#CBNav a, #CBNav a:link, #CBNav a:visited, #CBNav a:hover, #CBNav a:active {color:#000;}
#CBNav #CBNavArea #search {width:310px;float:right;margin-top:12px;}
/* Content */
#Main{line-height:32px; font-size:18px; color:#000; font-family:'Microsoft Yahei';}
#Main #MainArea{width:1100px; margin-top:20px;}
#Main #MainArea h1{color:#333; font-size:38px; font-weight:bold; line-height:40px;}
#Main #MainArea #info{width:1100px; border-bottom:1px solid #CCC; text-align:left; font-size:14px; line-height:28px; padding:30px 0 5px 0; color:#999;}
#Main #MainArea #info #share{float:right; position:relative;}
#Main #MainArea #MainConL{width:770px; float:left;}
#Main #MainArea #MainConL #intro{ width:728px; margin:20px 0; padding:20px; border:1px solid #EEE; font-size:16px; line-height:32px; color:#666; float:left;}
#Main #MainArea #MainConL #intro i{width:30px; height:20px; margin-right:10px; background:url(http://www.oursea.com/statics/images/oursea/content01.png) no-repeat; float:left;}
#Main #MainArea #MainConL #content{margin-top:20px; text-indent:0px;}
#Main #MainArea #MainConL #content p{margin-bottom:20px;}
#Main #MainArea #MainConL #content img{text-align:center;max-width:700px;}
#Main #MainArea #MainConL #articleExpression {border-top:1px dashed #CCCCCC; padding-top:10px; width:770px; margin:0px auto;}
#Main #MainArea #MainConL #articleExpression span{font-family:'Microsoft Yahei'; font-size:18px; line-height:36px; font-weight:bold; color:#333; margin-bottom:10px;}
#Main #MainArea #MainConL #articleExpression div {text-align:center; font-weight:normal; font-size:14px; line-height:24px; margin-bottom:20px;}
#Main #MainArea #MainConL #relateArticle{width:770px; margin:0px auto; position:relative; float:left;}
#Main #MainArea #MainConL #relateArticle #Relate{width:100%; height:45px; background-color:#EEE; color:#333; font-size:18px; line-height:45px; text-indent:20px; font-weight:bold; margin-bottom:20px; border-left:3px solid #ED1B23;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li{width:100%; float:left; position:relative; padding:20px 0; border-bottom:1px solid #E5E5E5;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li.first{padding-top:0px; margin-top:0px;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li a, 
#Main #MainArea #MainConL #relateArticle #RelateCon ul li a:link, 
#Main #MainArea #MainConL #relateArticle #RelateCon ul li a:visited, 
#Main #MainArea #MainConL #relateArticle #RelateCon ul li a:hover,
#Main #MainArea #MainConL #relateArticle #RelateCon ul li a:active{text-decoration:none;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li h4{height:28px; line-height:28px; font-size:20px; font-weight:bold; overflow:hidden;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain{margin-top:13px;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .img{width:130px; height:87px; overflow:hidden; float:left; position:relative; margin-top:5px; margin-right:15px; display:block;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .txt{width:625px; height:50px; overflow:hidden; float:left; position:relative; font-size:15px; line-height:26px;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .txt a{color:#555;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .others{width:625px; height:15px; margin-top:22px; overflow:hidden; float:left; position:relative; font-size:14px; line-height:15px; color:#555;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .others span{float:right;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .txt_2{width:770px; height:50px; overflow:hidden; float:left; position:relative; font-size:15px; line-height:26px;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .txt_2 a{color:#555;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .others_2{width:770px; height:15px; margin-top:22px; overflow:hidden; float:left; position:relative; font-size:14px; line-height:15px; color:#555;}
#Main #MainArea #MainConL #relateArticle #RelateCon ul li .RelateConMain .others_2 span{float:right; position:relative; }

#Main #MainArea #MainConR{ width:300px; float:right;}
.focusTitle{width:300px; height:25px; margin:20px 0; line-height:25px; font-weight:bold;}
.focusTitle span{width:4px; height:25px; background-color:#C80000; float:left; margin-right:7px;}
#Main #MainArea #MainConR .focusNews ul{width:300px; height:270px; overflow:hidden;}
#Main #MainArea #MainConR .focusNews ul li{width:140px; height:125px; overflow:hidden; float:left; font-size:14px; margin-bottom:10px;}
#Main #MainArea #MainConR .focusNews ul li .pic{width:140px; height:80px; overflow:hidden;}
#Main #MainArea #MainConR .focusNews ul li .tit{width:140px; height:40px; overflow:hidden; font-size:14px; line-height:20px; color:#000; margin-top:5px;}
#Main #MainArea #MainConR .latestNews ul{width:300px; overflow:hidden;}
#Main #MainArea #MainConR .latestNews ul li{width:300px; height:70px; overflow:hidden; float:left; font-size:14px; margin-bottom:15px;}
#Main #MainArea #MainConR .latestNews ul li .pic{width:120px; height:70px; overflow:hidden; float:left;}
#Main #MainArea #MainConR .latestNews ul li .tit{width:170px; height:70px; overflow:hidden; font-size:14px; line-height:22px; color:#000; margin-left:10px; float:left;}

/*css flickr style pagination*/
div#pages {padding:3px;margin:16px 0px 16px 0px;text-align:center;font-size:14px;}
div#pages a {border:#9aafe5 1px solid;padding:5px 8px;margin:0 2px 0 0;text-decoration:none;}
div#pages a:hover {border:#2b66a5 1px solid;color:#000;background-color:lightyellow;}
div#pages a:active {border:#2b66a5 1px solid;color:#000;background-color:lightyellow;}
div#pages span {border:navy 1px solid;padding:5px 8px;font-weight:bold;color:#fff;margin:0 2px 0 0;background-color:#2e6ab1}
/*	百度分享 */
#CBMBL #info .bdsharebuttonbox {float:right;width:138px;}
/* Llink */
#LBFLinker {min-width:1100px;left:30px;font-size:12px;line-height:30px;}
#LBFLinker a:link,#LBFLinker a:visited,#LBFLinker a:hover,#LBFLinker a:active {color:#999;}
#LBFLinker a:hover {color:#666;}
/* Footer */
#LBFooter {background-color:#B10101;min-width:1100px;height:210px;color:#FFF;}
#LBFooter #LBFooterArea{height:210px;}
#LBFooter #LBFooterArea #FTop{height:75px; width:1100px; overflow:hidden; float:left; position:relative; border-bottom:1px solid #CA4949; }
#LBFooter #LBFooterArea #FTop #logo {width:399px; border-right:1px solid #CA4949; height:45px; margin-top:15px;position:relative; float:left}
#LBFooter #LBFooterArea #FTop #con a{width:110px;height:20px; margin-top:25px; line-height:20px; font-size:16px; text-align:left; position:relative; float:left; margin-left:30px;}
#LBFooter #LBFooterArea #FBottom .info{height:134px; float:left; position:relative; overflow:hidden;}
#LBFooter #LBFooterArea #FBottom .info p{height:134px; line-height:30px; font-size:14px; color:#CCC; float:left; position:relative; overflow:hidden; margin-top:20px;}
#LBFooter #LBFooterArea #FBottom #infol{width:400px; border-right:1px solid #CA4949;}
#LBFooter #LBFooterArea #FBottom #infom{width:349px; border-right:1px solid #CA4949;}
#LBFooter #LBFooterArea #FBottom #infom p{margin-left:30px;}
#LBFooter #LBFooterArea #FBottom #infor{width:349px; }
#LBFooter #LBFooterArea #FBottom #infor img{margin-top:7px; margin-right:10px; float:right;}
#LBFooter #LBFooterArea #FBottom #infor p{margin-left:30px;}
#LBFooter a:link,#LBFooter a:visited,#LBFooter a:hover,#LBFooter a:active {color:#FFF;}