﻿@charset "utf-8";
/* CSS Document */
html,body,
div,p,hr,pre,
h1,h2,h3,h4,h5,h6,
table,tr,td,th,tfoot,tbody,thead,
form,fieldset,input,textarea,select,label,
ul,ol,dl,li,dt,dd {margin:0;padding:0;border:0;outline:none;list-style:none;font-weight: normal;}

li{list-style-type:none;}

a { text-decoration:none; outline:none;color:#3B3B3B; font-family:"Times New Roman"}
a:hover { text-decoration:none; color:#666;}

table {border-collapse:collapse; border-spacing:0;margin:0 auto; clear:both;}
fieldset,img { border:0;}
em { font-style:normal;}
hr { height:0; clear:both;}
.none { display:none;}

.clear { clear:both;} 
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix             { zoom: 1; } /* IE6 */ 
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

q:before,q:after { content:'';}

a img{border:none;}
.overhidden{ overflow:hidden; _display:inline-block;}

/* =body
-------------------------*/
body { font:14px/19px Georgia, "Times New Roman", Times, serif; color:#3B3B3B; background:#fff;}
.blank10{ height:10px;clear:both;display:block;font-size:1px;line-height:0;}

/* =webpage
-------------------------*/
#webpage_headline,#webpage_headline2, .webpage_content,.col2box { width:980px; margin:0 auto;}
.webpage_content { margin-bottom:10px;}
#webpage_head , #webpage_foot{ width:980px; margin:0 auto;}
h1, h2, h3, h4, h5, h6 { font-weight:400; font-size:100%; }
h2 { font-size:14px; font-weight:700; line-height:18px; }

/* color */
.fontblue,.fontblue a{ color:#004276!important;}
.fontbrown,.fontbrown a{ color:#464646!important;}
.fontred,.fontred a{ color:#F27500!important;}
.fontgray,.fontgray a{ color:#999!important;}

.font12,.font12 a{ font-size:12px!important;}
.font13,.font13 a{ font-size:13px!important;}
.font14,.font14 a{ font-size:14px!important;}
.font15,.font15 a{ font-size:15px!important;}
.font16,.font16 a{ font-size:16px!important;}
.font20,.font20 a{ font-size:20px!important;}

.fontb{ font-weight:bold!important;}
.fontn{ font-weight:normal!important;}

.boder{ border:1px solid #CCCCCC}

/* 边距 */
.p10 { padding:10px; }
.p20 { padding:20px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pr10 { padding-right:10px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pall5{ padding:5px;}
.m20 { margin:20px; }
.ml5 { margin-left:5px; }
.mr5 { margin-right:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml25 { margin-left:25px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr40 { margin-right:40px; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mauto{ margin:0 auto}
.w94{width:94%;}
.w96{width:96%;}

/* 2栏目布局盒子模式 */ 
.col2box .col2box_left{ float:left; width:700px; border-right:1px solid #DFDFDF; display:inherit} 
.col2box .col2box_right{ float:right; width:270px; display:inherit} 
.col2box .col2box_left2{ float:left; width:515px; border-right:1px solid #DFDFDF;} 
.col2box .col2box_right2{ float:right; width:445px;} 
.col2box .col2box_left3{ float:left; width:670px; border-right:1px solid #DFDFDF; display:inherit} 
.col2box .col2box_right3{ float:right; width:300px; display:inherit} 
.col2box .inner_left{ float:left; width:405px; padding: 0 10px 0 0; border-right:1px solid #DFDFDF;} 
.col2box .inner_right{ float:right; width:280px;} 
.col2box .inner_left2{ float:left; width:349px;  border-top:5px solid #62b3e0; border-right:1px solid #BBE0F3} 
.col2box .inner_right2{ float:right; width:350px; border-top:5px solid #62b3e0;} 
.col2box .inner_left3{ float:left; width:330px;} 
.col2box .inner_right3{ float:right; width:329px; border-left:1px solid #DFDFDF} 
.col2box .col2box_left .inner_part{ overflow:hidden; _display:inline-block;} 
/* 栏目 */
.btn.blue { background:#BBE0F3; padding:5px 0 5px 10px; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background:-moz-linear-gradient(left top,  #62b3e0 0px, #fff 100%) repeat-x scroll 0 0 transparent; font:19px/20px "Oswald",Arial,Helvetica,Garuda,sans-serif; width:94%; margin-left:5px; display:inherit;    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#62B3E0,EndColorStr=#FFFFFF); /* IE6-IE9 **/
    background-image: -ms-linear-gradient(left top,#FFFFFF,#62B3E0); /* IE10 **/
    background-image: -webkit-gradient(linear,left top,color-stop(0,#FFFFFF),color-stop(1,#62B3E0)); /* Saf4+,Chrome **/
    background-image: -webkit-linear-gradient(left top,#62B3E0,#FFFFFF); /* Chrome 10+, Saf5.1+, iOS 5+ **/
    background-image: -o-linear-gradient(left top,#FFFFFF,#62B3E0); /* Opera 11.10+ **/
} 
.btn a:link,.btn a:visited{color:#FFFFFF; text-shadow:1px 1px 2px #2265B7; text-decoration:none ; font-weight:bold;}
.btn a:hover,.btn a:active{color:#999; text-shadow: #fff 0 1px 0; *color:#F8F8F8;}
.btn:hover {color:#999; text-shadow: #fff 0 1px 0;background:-moz-linear-gradient(left top, #DDDDDD 0px, #fff 100%) repeat-x ;   filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr=#DDDDDD,EndColorStr=#FFFFFF); /* IE6-IE9 **/
    background-image: -ms-linear-gradient(left top,#FFFFFF,#DDDDDD); /* IE10 **/
    background-image: -webkit-gradient(linear,left top,color-stop(0,#FFFFFF),color-stop(1,#DDDDDD)); /* Saf4+,Chrome **/
    background-image: -webkit-linear-gradient(left top,#FFFFFF,#DDDDDD); /* Chrome 10+, Saf5.1+, iOS 5+ **/
    background-image: -o-linear-gradient(left top,#FFFFFF,#DDDDDD); /* Opera 11.10+ **/}
.btn:active { background-color: #ddd; }
.lanmu1,.lanmu2 {background-image: url("http://www.xinhuanet.com/spanish/2013/all.gif"); background-position: 0 -540px; background-repeat: no-repeat; color:#064393;   font-size: 16px; font-weight: bold; height:48px; line-height:48px; text-indent:23px; width:335px;}
.lanmu3{ display: block; position: relative; background: #aaa; padding:5px 0px 5px 10px; float: left; color: #fff; text-decoration: none; cursor: pointer;border-radius:3px; margin:0; width:100%}
.lanmu3 a{color: #fff; font:16px/18px "Oswald",Arial,Helvetica,Garuda,sans-serif; font-weight:bold}
.lanmu3 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.lanmu3 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.lanmu3 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.lanmu3 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
*+html .lanmu3 span,*+html .lanmu3 i { float: left; width: auto; background-image: none; cursor: pointer;}
.lanmu3.blue { background: #2ae; }
.lanmu3:hover { background:#ccc;}
.lanmu3:active { background-color: #444; }
.lanmu3[class] {  background-image: url(http://spanish.xinhuanet.com/static/imgs/shade.png); background-position: bottom; }
*+html .lanmu3{ border: 3px double #aaa;}
*+html .lanmu3.blue { border-color: #2ae; }
*+html .lanmu3:hover { border-color: #eee;}
.lanmu4{ display: block; position: relative; background: #aaa; padding:5px 0px 5px 10px; float: left; color: #fff; text-decoration: none; cursor: pointer;border-radius:3px; margin:0; width:100%}
.lanmu4 a{color: #fff; font:20px "Oswald",Arial,Helvetica,Garuda,sans-serif; font-weight:bold; float:left}
.lanmu4 h4{ float:right; margin-right:10px; display:inherit; padding-top:5px; font-size:14px;}
.lanmu4 h4 a:link,.lanmu4 h4 a:visited{ color:#fff;}
.lanmu4 h4 a:hover{color:#fff; *background-image: url(http://spanish.xinhuanet.com/static/imgs/shade.png);}
.lanmu4 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.lanmu4 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.lanmu4 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.lanmu4 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
* html .lanmu4 span,* html .lanmu4 i { float: left; width: auto; background-image: none; cursor: pointer; }
.lanmu4.blue { background: #2ae; }
.lanmu4:hover { background-color: #f8f8f8; color:#666666}
.lanmu4:active { background-color: #444; }
.lanmu4[class] {  background-image: url(http://spanish.xinhuanet.com/static/imgs/shade.png); background-position: bottom; }
* html .lanmu4{ border: 3px double #aaa;}
* html .lanmu4.blue { border-color: #2ae; }
* html .lanmu4:hover { border-color: #eee; }
.title10 { margin:10px 0 5px;overflow: hidden; display:inherit}
.title10 h2,.title10 h2 a { color: #1FA2D0; float: left;  font-family: Georgia,"Times New Roman",Times,serif; font-size: 30px; font-weight: bold; line-height: 36px; font-style:italic; padding-left:5px;}
.daohang { border-bottom: 1px solid #ccc; overflow: hidden;}
.daohang li { color: #1FA2D0; float: left; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; line-height: 30px; margin-right: 15px; display:inherit}
.daohang li a { color: #1FA2D0; font-family: Georgia,"Times New Roman",Times,serif; font-size: 18px; font-weight: 100;}
/* 视频 */ 
.video { background-color: #EFF8FD; border-top: 5px solid #62B3E0;display: inline; float: left; width: 700px;}
.video_l {border-right: 1px solid #BBE0F3;  float: left;  overflow: hidden;  width: 349px;}
.video_r {float: left;    overflow: hidden;    width: 349px;}
.video_l .img {display: inline;  float: left; height: 200px; margin-bottom: 5px;  margin-top: 10px; width: 321px;  margin-left: 15px; }
.video_l .bt { display: inline;   float: left;   font-size: 14px;   margin-left: 15px;   width: 321px; line-height:18px; overflow:hidden; height:36px;}
.video_r .img {display: inline;    float: left;    height: 200px;    margin-bottom: 5px;    margin-left: 15px;    margin-top: 10px;  width: 321px;}
.video_r .bt {display: inline; float: left; font-size: 14px;  margin-left: 15px; width: 321px; line-height:18px;  overflow:hidden; height:36px;}
.videoxt {display: inline; float: left; overflow: hidden; width: 376px;}
.videoxt ul {float: left; overflow: hidden;}
.videoxt li { float: left;   margin-right: 3px;    overflow: hidden;   width: 110px;   display: inline;}
.videoxt .img {float: left;    height: 73px;   margin-bottom: 5px;   width: 110px;}
.videoxt .bt {float: left; text-align: center;   width: 95px; height:100%;}
/* 图文样式*/ 
.img_one{ margin:0px auto; width:100%; text-align:center;}
.img_one li {text-align:center; width:230px; margin:0 auto; padding:5px; border:1px solid #ccc;display:block;}
.img_one li:link,.img_one li:visited {border:1px solid #ccc;}
.img_one li:hover{border:1px solid #ccc;background:#5996b9;}
.img_one2 ul{ overflow:hidden; text-align:center; width:100%} 
.img_one2 li{width:235px; margin:0 auto 10px;} 
.img_one2 li img{border:1px solid #ccc;} 
.img_one2 .name{ font-size:14px; line-height:18px; text-align:center; padding-top:5px;  } 
.img_one3 ul{ overflow:hidden; text-align:center; width:420px; margin:auto } 
.img_one3 li{width:420px; margin:0 auto 10px;} 
.img_one3 li img{border:1px solid #ccc; padding:1px;} 
.img_one3 .name{ font-size:14px; line-height:30px; text-align:center; padding-top:5px; color:#1FA2D0; font-size:22px; } 
.img_one3 .name a {color:#1FA2D0; font-size:22px; font-weight: bold;  line-height:30px;}
.img_one3 .name a:hover{ color:#66CCFF}
.img_one4 ul{ overflow:hidden; text-align:center; width:100%} 
.img_one4 li{width:310px; margin:0 auto 10px;} 
.img_one4 .name{ font-size:16px; line-height:20px; text-align:center; padding-top:5px; font-weight:bold;}
.img_one4 .name a{color:#1FA2D0; }
.img_list {color: #383737;  margin: 10px auto 0;   width: 390px; border-bottom:2px dotted #DFDFDF; display:inherit}
.img_list a img {width: 390px;}
.img_list h3 {padding-top:10px; font-family:"Times New Roman"}
.img_list h3 a {color:#1FA2D0; font-size:28px; font-weight: bold; line-height:34px;}
.img_list p{font-size:14px; line-height:18px; padding:10px 0; font-family:"Times New Roman"}
.img_list p a { color: #ee8037; }
.img_list p a:hover {color: #383737;}
.img_list2 {color: #383737; margin: 10px auto 0;  width: 255px; border-bottom:2px dotted #DFDFDF; display:inherit}
.img_list2 a img {width: 255px;}
.img_list2 h3 {padding-top:5px;}
.img_list2 h3 a {color:#1FA2D0; font-size:24px; font-weight: bold; line-height:26px; font-family:"Times New Roman"}
.img_list2 p{font-size:14px; line-height:18px; padding:10px 0;font-family:"Times New Roman"}
.img_list2 p a { color: #ee8037; }
.img_list2 p a:hover {color: #383737;}

.img_list3 {color: #383737; margin: 10px auto 0;  width: 485px; border-bottom:2px dotted #DFDFDF; display:inherit;}
.img_list3 a img {width:485px;-moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;
/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#ccc');}
.img_list3 h3 {padding:10px 0;}
.img_list3 h3 a {color:#1FA2D0; font-size:22px; font-weight: bold;  line-height:30px;}
.img_list3 h3 a:hover{ color:#66CCFF}
/* 图片标题摘要 */ 
.img_title {padding-bottom:10px; margin-bottom:10px; overflow:hidden; _display:inline-block; } 
.img_title .img { float:left; margin:0 10px; display:inherit } 
.img_title .border {border:1px solid #ccc; padding:1px;} 
.img_title .info {color:#666; display: inherit; margin-top: 25px; } 
.img_title .info h2 a { line-height:18px; } 
.img_title .info p a {line-height:18px; font-size:14px;} 
.it_noborder{  border-bottom:none; padding-bottom:0;} 

.list { overflow:hidden; _display:inline;} 
.list li { background:url(http://imgs.xinhuanet.com/icon/2011air/img/dot01.gif) no-repeat 0 -33px; line-height:18px; font-size:14px; text-indent:1em; margin:10px; display:inherit} 
.list li a {font-size:14px; line-height:18px; } 
.list2 {float: left; margin-left: 10px;   margin-top: 10px;    width: 100%; display:inherit}
.list2 ul {float: left; overflow: hidden;}
.list2 li {display: inline; float: left; margin-bottom: 10px; font-size:14px; width:100%; background:url(http://imgs.xinhuanet.com/icon/2011air/img/dot01.gif) no-repeat 0 -33px; line-height:18px; text-indent:1em;}
.list_pic { margin-top: 20px;  display:inherit} 
.list_pic li { float:left; margin:0 0 10px 18px; display:inherit} 
.list_pic .img { width:230px; height:150px;} 
.list_pic .img img {transition: all 0.3s ease 0s; display:block; width:200px; height:130px; padding:5px; background-color: #FFF; box-shadow: 0px 0px 18px rgba(0,0,0,0.2); -webkit-transition: all ease .3s; transition: all ease .3s} 
.list_pic .img img:hover {box-shadow: 0 0 18px rgba(0, 0, 0, 0.3); transform: scale(1.05);}
.list_pic .name{font-size:14px; line-height:18px; width:230px; height:50px; overflow:hidden} 
.list_pic2 { margin-top: 10px;  display:inherit;} 
.list_pic2 ul{ margin:0 auto; width:98%; overflow:hidden}
.list_pic2 li { float:left; margin:0 20px 10px 10px; display:inherit; position:relative;overflow:hidden; height:168px; } 
.list_pic2 .img { width:182px; height:100px;} 
.list_pic2 .img img {display:block; width:175px; height:100px; border:3px solid #ccc;} 
.list_pic2 .img img:hover { background-color: #FFF; padding:2px; border:1px solid #CCCCCC;}
.list_pic2 .name{font-size:14px; line-height:18px; width:182px; margin-top:10px;  display:inherit}
.list_pic2 .img span.boton_video {background-image: url("http://spanish.news.cn/static/imgs/boton_video_mini.png"); background-repeat:no-repeat; bottom:70px; height: 25px; left: 10px; position: absolute; width: 35px; z-index:10;}
.list_pic2 .img span.boton_video:hover {opacity:0.4} 
.list_pic3 { margin:0px;  display:inherit;} 
.list_pic3 li{ float:left; margin:10px 2px 10px 8px; display:inherit; position:relative;} 
.list_pic3 .name{ font-size:13px; line-height:16px; text-align:center; width:130px; padding:5px 0 0; overflow:hidden; height:45px } 
/* 视频二级大图 */  
.container {margin:10px auto ; width:980px; zoom:1; clear:both}  
.main {width:100%; float:left; clear:both}
#SwitchBigPic{width:550px;height:315px; }
.kk-catalog .flash-box .big-pic img{display:block; padding-top:13px; padding-left:15px;}
.kk-catalog .flash-box { border:#ccdff2 1px solid; padding:8px; width:960px; height:315px; overflow:hidden;  background:url(http://spanish.news.cn/static/imgs/bg_video.jpg) 8px 8px no-repeat;}
.kk-catalog .flash-box .big-pic {width:550px; float:left; height:315px; overflow:hidden; margin-right:10px; position:relative;}
.kk-catalog .flash-box .pic-list {width:400px; float:left; height:315px; overflow:hidden}
.kk-catalog .flash-box .pic-list li{float:left; width:400px; font-size:14px; overflow:hidden; height:108px; line-height:18px;}
.kk-catalog .flash-box .pic-list li a{position:relative; padding-left:190px; padding-right:10px; display:block; height:101px; color:#7c7b7b; overflow:hidden; float:left}
.kk-catalog .flash-box .pic-list li a:hover { background-color:#f5f3f3; text-decoration:none; color:#3692f4}
.kk-catalog .flash-box .pic-list li.curra a {background-color:#e2effb; text-decoration:none; color:#FFFFFF}
.kk-catalog .flash-box .pic-list li strong{ display:block; color:#3692f4; padding-top:5px;}
.kk-catalog .flash-box .pic-list li strong:link{color:#FFFFFF}
.kk-catalog .flash-box .pic-list li strong:hover{color:#3692f4}
.kk-catalog .flash-box .pic-list img{ border:1px solid #ccc; position:absolute; width:175px; height:95px; left:0px; padding:1px;}
.kk-catalog .flash-box .pic-list .boton_video {background-image: url("http://spanish.news.cn/static/imgs/boton_video_mini.png"); background-repeat:no-repeat; bottom: 0; height: 40px; left: 20px; position: absolute; width: 100%; z-index:10;}
.kk-catalog .flash-box .pic-list .boton_video:hover {opacity:0.4}
.kk-catalog .flash-box .big-pic .boton_video2 { background-image: url("http://www.xinhuanet.com/2013jzgjldrhw/imgs/tit_sp.png"); background-repeat:no-repeat; position: absolute; width:54px; height:54px; top:120px; left:250px; z-index:20;}