﻿/*图片频道CSS样式*/
@charset "utf-8";
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    font-family: "Microsoft YaHei", "SimHei";
}
body {
    color: #1f1f1f;/*网站主体内容颜色*/
    font-size: 14px;
    text-align: left;
}
html {
    overflow-y: scroll;
    overflow: -moz-scrollbars-vertical;
    overflow-x: hidden;
}
a {
    color: #1f1f1f;
}
a img {
    border: 0;
}
.clear{
    clear:both;
}
.container {
    width: 100%;
    margin: 0 auto;
}
.concent {
    width: 1000px;
    margin: 0 auto;
}
.youth_hot {
    height: 100%;
}
.kp_logo {
    width: 220px;
    height: 80px;
    float: left;
    padding-top: 35px;
}
.youth_gw {
    width: 440px;
    height: 106px;
    float: left;
    margin: 20px 29px 0px;
    display: inline;
}
.youth_so {
    width: 280px;
    float: right;
    padding-top: 15px;
}
.youth_so font {
    color: #424242;
    line-height: 40px;
}
.youth_so span {
    width: 219px;
    height: 30px;
    float: left;
    border-top: #c3c3c3 1px solid;
    border-bottom: #c3c3c3 1px solid;
    border-left: #c3c3c3 1px solid;
}
/**.youth_so p {
	width: 60px;
	float: right;
	height: 32px;
	background: url(youth_ssbg.gif) no-repeat;
	font-size: 16px;
	text-align: center;
	line-height: 28px;
	color: #fff;
}
.youth_so p a {
	color: #fff;
}
*/
.nav_button {
    background: url(http://picture.youth.cn/images/youth_ssbg.gif) no-repeat;
    width: 60px;
    height: 32px;
    font-size: 16px;
    color: #fff;
    border: 0 none;
    cursor: pointer;
}

.jn-wby {
    width: 189px;
    height: 30px;
    float: left;
    border: 0;
    line-height: 30px;
    color: #000;
    text-align: left;
}
.youth_so em {
    width: 280px;
    float: left;
    font-style: normal;
    line-height: 36px;
    color: #4588ce;
}
.youth_so em a{
    color: #4588ce;
}
.hd_top {
    width: 100%;
    border-top: 5px solid #38a548;
    background: #f7f7f7;
    height: 40px;
    border-bottom: 1px solid #e5e5e5;
}
.hd_top1 {
    width: 1000px;
    height: 5px;
    background: url(http://news.youth.cn/images/youth_sjy_01.jpg) no-repeat;
    margin: -5px auto;
}
.hd_top_box {
    width: 1000px;
    height: 40px;
    margin: 0 auto;
    line-height: 45px;
    text-align: left;
}
.hd_top_box a {
    padding: 0 10px;
    font-size: 12px;
    color: #666666;
}
/*top样式*/
/*================nav 开始===================*/
.pic_nav{
    background:url(../images/cate_nav.gif);
    height:69px;
    background-repeat:repeat-x;

}
.pic_lis{
    width:1000px;
    margin:0 auto;
}
.pic_lis li{
    float:left;
    font-size:18px;
    padding-right:43px;
    padding-top:10px;
}
.pic_lis a{
    color:#FFF;
}
.pic_lis a:hover{
    text-decoration:underline;
}

/*================min 开始===================*/
.pic_min{
    width:1000px;
    margin:0 auto;
}
.pic_lb{
    padding-top:10px;
}
.pic_new{
    width:1000px;
    margin:0 auto;
    padding-top:10px;
}
.pic_bt{
    font-size:20px;
    color:#323232;
    border-bottom:1px solid #f7f7f7;
    border-top:3px solid #27489b;
    height:40px;
    padding-top:10px;
    font-weight:bold;
}
.pic_bt span{
    font-size:12px;
    float:right;
    padding-top:10px;
    font-weight:normal;
}
.pic_bt span a{
    color:#898989;

}
.pic_ner{
    padding-top:10px;
}
.pic_ner li{
    float:left;
    padding-right:15px;
    width: 318px;
}
.pic_ner li.noprg { padding-right:0px;}
.picfon{
    padding:10px 0;
    text-align:center;
}
.pic_qn{
    width:700px;
    float:left;
}
.pic_qt{
    width:280px;
    float:left;
    padding-left:20px;
}
.pic_nei{
    padding-top:10px;
}
.pic_lef{
    float:left;
}

.pic_lef li{
    float:left;
    width:239px;
    overflow:hidden;
    padding-right:14px;
}
.pic_lef li.noprg { padding-right:0px;}
.pic_lef li p { width:239px;}
.pic_rig{
    padding-left:0px;
    float:left;
}

.pic_bang{
    padding-top:10px;
}
.pic_bang li{
    line-height:28px;
}
.pic_bang span{
    padding-top:5px;
    float:left;
    padding-right:5px;
}
.pic_gg{
    padding-top:10px;
}
.pic_st{
    width:490px;
    float:left;
}
.pic_st01{
    padding-top:10px;
}
.pic_st01 li{
    float:left;
    padding-right:10px;
    width:240px;
}
.pic_fla{
    float:left;
    width: 544px;
}
.pic_rig01{
    float:left;
    padding-left: 20px;
    width: 436px;
}
.pic_rig01 li{
    float:left;
    padding-right:15px;
    width: 210px;
}
.pic_like{
    padding-top:10px;
    overflow:hidden;
}
.pic_bt01{
    font-size:16px;
    overflow:hidden;
}
.pic_bt01 li{
    float:left;
}
.line{
    border-top:4px solid #e8e8e8;
    margin-left:10px;
    margin-top:10px;
    width:920px;
}
.pic_lk{
    padding-top:10px;
    overflow:hidden;
}
.pic_lk li{
    float:left;
    padding-left:20px;
}
.pic_mt{
    padding-top:20px;
}
.pic_mt li{
    float:left;
    padding-right:20px;
    border-right:1px solid #d2d2d2;
}
.pic_sy{
    padding-top:15px;
}
.pic_sy li{
    border:1px solid #d2d2d2;
    padding:5px;
    float:left;
    text-align:center;
}

/*footer*/
.youth_footer{ width:100%; margin:18px  auto 0px; background:url(../images/photo/kp_0314_f_02.gif) repeat-x bottom;background-color:#08509a;padding:15px 0;height:85px;}
.youth_footer-nr{ width:1000px; margin:0 auto; }
.f_end,.f_end li{ width:100%;float:left;}
.f_end li a{ color:#fff;display:block;float:left; padding-right:13px;white-space:nowrap;margin-bottom:10px;}
.f_end li a:hover{ color:#fff;display:block;}
.f_end li font{ width:75px;color:#fff;font-size:14px;background-color:#004286;text-align:center; float:left; padding:0px 0px 1px 3px;}
/*copyright*/
.youth_copyright{ width:1000px; margin:0 auto; padding-top:20px;}
.youth_copyright span{ width:700px; padding:10px 10px 0px 0px; color:#999;  float:left; text-align:right; line-height:36px;}
.youth_copyright span a{  color:#999; }
.youth_copyright p a{color:#0b4d97;}
.youth_copyright p a:hover{ color:#857f81;}
.youth_copyright p{ text-align:center;  line-height:40px; color:#0b4d97;}

/*军事轮播*/
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:544px;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:20px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/photo/youth_1224_ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{width:544px;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
/*军事轮播*/
/*
.yx-rotaion1-btn11,.yx-rotaion1-title1,.yx-rotation-focus11,.yx-rotation-t1,.yx-rotaion1-btn11{position:absolute}
.yx-rotation-t1itle{position:absolute;width:544px;height:40px;line-height:40px;background:#000;filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t1{color:#fff;font-size:16px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px}
.yx-rotation-focus11 span,.yx-rotaion1-btn11 span{background:url(http://news.youth.cn/images/youth_1224_ico.png) no-repeat;display:block;}
.yx-rotation-focus11{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus11 span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion1-btn11{width:544px;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion1-btn11 span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion1-btn11 .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion1-btn11 .right_btn{background-position:-2px -49px;float:right;right:10px}
.yx-rotaion1-btn11 span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus11 span.hover{background-position:-10px -126px}
.rotaion_list1{width:0;height:0;overflow:hidden;}
*/
/*首屏轮播*/
.main-slider{position:relative;width:1000px;height:600px;overflow:hidden;margin:0px auto 0 auto;}
.nivo-caption span{font-family:'PT Sans Narrow',sans-serif;font-size:20px}
.nivo-caption{background-color:#34739f}

.nivoSlider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

.nivoSlider {
    overflow:hidden;
    position:relative
}

#slider,.nivoSlider img {
    width:1000px
}

/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%
}

.nivo-box {
    display:block;
    position:absolute;
    z-index:5
}

/* Caption styles */
.nivo-caption {
    height:46px;
    position:absolute;
    right:0;
    bottom:0;
    overflow:hidden;
    font-size:14px;
    z-index:8
}

.nivo-caption p {
    margin:0;
}

.nivo-caption span {
    float:left;
    padding:0 50px 0 20px;
    color:#fff;
    line-height:46px;
}


.nivo-caption-a {
    display:block;
    float:right;
    width:78px;
    height:46px;
    background:url(../images/photo/caption-link.png) no-repeat left 50%;
}


.nivo-caption span a{
    float:left;
    padding:0 50px 0 20px;
    color:#fff;
    line-height:46px;
}

.nivo-html-caption {
    display:none
}

/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav {
    position:absolute;
    background:#fff;
    bottom:46px;
    right:0;
    overflow:hidden;
    z-index:9;
    width:78px;
}
.nivo-prevNav,.nivo-nextNav {
    text-indent:9999px;
    float:left;
    width:39px;
    height:39px;
    cursor:pointer
}

.nivo-prevNav {
    background:url(../images/photo/slider-arrows.png) no-repeat left top;
}
.nivo-nextNav {
    background:url(../images/photo/slider-arrows.png) no-repeat right top;
}

.nivo-prevNav:hover {
    background-position: left bottom
}

.nivo-nextNav:hover {
    background-position: right bottom
}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
    position:absolute;
    overflow:hidden;
    z-index:20;
    height:8px;
    left:20px;
    bottom:22px
}

.nivo-controlNav a {
    line-height:10em;
    display:inline-block;
    margin:0 11px 0 0;
    width:8px;
    height:8px;
    background:url(../images/photo/nivo-controls.png) no-repeat left top;
    cursor:pointer
}

.nivo-controlNav a.active {
    background:url(../images/photo/nivo-controls.png) no-repeat right top
}

#preloader {
    position:relative;
    z-index:51;
    background:url(../images/photo/loading.gif) no-repeat 50% 50%;
    width:1000px;
    height:80px;
    border-top:1px #dedede solid;
    border-bottom:1px #dedede solid
}
/*首屏轮播*/

/*大图*/
.focus1{ position:relative; width:1000px; height:600px; background-color: #000; float: left; margin:10px 0}
.focus1 img{ width: 1000px; height: 600px;}
.focus1 .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus1 .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus1 .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus1 .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus1 .btn a:hover,.focus1 .btn a.current{  cursor:pointer;background:#27489B/*fc114a*/;}
.focus1 .fPic{ position:absolute; left:0px; top:0px; }
.focus1 .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10; position:absolute; width:120px;right:40px; }
.focus1 .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus1 .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus1 .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus1 .fcon img{ display:block; }
.focus1 .fbg{bottom:8px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus1 .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus1 .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus1 .D1fBt .current,.focus1 .D1fBt a:hover{background:#27489B;}
.focus1 .D1fBt img{display:none}
.focus1 .D1fBt i{display:none; font-style:normal; }
.focus1 .prev,.focus1 .next{position:absolute;width:40px;height:74px;background: url(../images/photo/focus_btn.png) no-repeat;}
.focus1 .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus1 .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus1 .prev:hover{  background-position:0 0; }
.focus1 .next:hover{  background-position:-40px 0;}
/*大图*/

/*娱乐焦点图*/
.focus{ position:relative; width:544px; height:333px; background-color: #000; float: left;}
.focus img{ width: 544px; height: 333px;}
.focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;}
.focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; }
.focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;}
.focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .btn a:hover,.focus .btn a.current{  cursor:pointer;background:#27489B/*fc114a*/;}
.focus .fPic{ position:absolute; left:0px; top:0px; }
.focus .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10; position:absolute; width:120px;right:10px;  }
.focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:40px; line-height: 40px; background:rgba(0,0,0,0.6);
    filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  display:block;  text-align:left; }
.focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}
.focus .fcon{ position:relative; width:100%; float:left;  display:none; background:#000  }
.focus .fcon img{ display:block; }
.focus .fbg{bottom:8px; right:10px; position:absolute; height:21px; text-align:center; z-index: 200; }
.focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}
.focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }
.focus .D1fBt .current,.focus .D1fBt a:hover{background:#27489B;}
.focus .D1fBt img{display:none}
.focus .D1fBt i{display:none; font-style:normal; }
.focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/photo/focus_btn.png) no-repeat;}
.focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }
.focus .next{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}
.focus .prev:hover{  background-position:0 0; }
.focus .next:hover{  background-position:-40px 0;}
/*娱乐焦点图*/