@charset "utf-8";
#container { width:960px; margin:0 auto;}
#banner1{ margin-bottom:15px;}
#header{ width:100%; margin:0 auto; background:url(../images/index_01.jpg) repeat-x; margin-bottom:15px;}
#news{margin-bottom:15px; width:960px; height:456px;}

/*首页幻灯片*/
.news_flash{ float:left;width:315px;position:relative; height:454px;background-color:#ececec;overflow:hidden; }
.flash_scroll { position:relative;overflow:hidden;width:300px;height:445px; margin:0 auto;top:8px;}
.flash_scroll .items {width:20000em;position:absolute;clear:both; }
.item {float:left;cursor:pointer;width:315px;height:454px;}
.navi {width:100px; height:20px;position:absolute; right:100px; top:412px;}
.navi a{width:13px;height:13px;float:left;margin:3px;background: url(../images/circle.png)  0 -13px no-repeat;display:block;font-size:1px;}
.navi a:hover {background-position:0 -13;}
.navi a.active {background-position:0 0px;}

.news_content{ border:solid 1px #ededed; border-top:none; width:631px; float:right; height:454px;}
.news_box{ width:631px; height:30px; background:url(../images/news_biao_15.jpg) no-repeat;}
.news_box .news_box1{ float:left;font-family:"微软雅黑"; font-weight:bold;font-size:14px; color:#ffd632;padding-top:5px; padding-left:105px;}
.news_box .news_box1 a{ color:#ffd632;}
.news_box .news_box22{ float:left;font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#ffffff;padding-top:5px;padding-left:22px;}
.news_box .news_box22 a{ color:#ffffff;}

.news_box span { float:right;padding-top:5px;padding-right:20px;}
.news_box span a{color:#FFFFFF;}


.news_box2{ width:631px; height:30px; background:url(../images/deep_reading/deep_03.jpg) no-repeat;}
.news_box2 .news_box12{font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#fff;padding-top:5px;margin-left:102px;}

/*.news_box span{font-family:"微软雅黑"; font-weight:bold; font-size:12px; color:#FFFFFF; height:30px; padding-top:11px;margin-left:98px; background-color:#ececec}*/

.box_con{padding-top:15px; padding-left:15px; padding-bottom:5px;}
.box_con dl{width:595px; height:161px; overflow:hidden; margin-bottom:8px;}
.box_con dl dt{ float:left; width:252px; height:157px;}
.box_con dl dt img{ border:solid 1px #d3d3d3; padding:1px; height:157px;}
.box_con dl dd{ float:right; width:330px;; line-height:24px;}
.box_con dl dd b{ display:block; font-size:14px;}
.box_con dl dd b a{color:#307496;}
.box_con dl dd span{}

.box_con ul{ margin:2px 15px; list-style:outside disc; border-top:solid 1px #ccc; }
.box_con ul li{ line-height:22px; line-height:22px; padding-left:5px; padding-top:5px;}
.line{ border:1px solid #ccc;overflow:hidden;margin-top:8px; width:595px;}

/*分类图书*/
#book { width:960px; height:390px; border:solid 1px #ededed; border-top:none;margin-bottom:15px; }
.book_box{ background:url(../images/biao_book_03.jpg) no-repeat; height:30px; width:960px; }
.book_box2{ background:url(../images/deep_reading/deep_04.jpg) no-repeat; height:30px; width:960px; }
.box h1{ float:left;font-family:"微软雅黑"; font-weight:bold; font-size:14px; color:#ffffff; padding-top:5px; padding-left:100px;}
.box span{ float:right;padding-top:5px;padding-right:20px;}
.box span a{color:#FFFFFF;}
.book_con{ padding:12px;}
.book_con ul li{ float:left; padding: 3px 3px;}
.book_con ul li img{ display:block; margin-bottom:2px; border:1px solid #ededed;}
.book_con ul li img:hover{ display:block; margin-bottom:2px; border:1px solid #0b78af;}

#content{margin-bottom:15px;}
.weibo { float:left; width:319px; height:549px; background: url("../images/loading.gif")  50% 50% no-repeat;}
.author { float:right; margin-bottom:8px; width:631px;}
.author_box{ height:29px; background:url(../images/biao_author_11.jpg) no-repeat #aa5fa0; width:631px;}
.author_con{ height:210px; background:#9cb1b5; padding-top:5px; padding-left:20px; position:relative;}
.author_con .prev{background:url(../images/left.jpg) no-repeat;width:12px;height:31px;position:absolute;left: 9px;top: 105px;cursor:pointer;}
.author_con .next{background:url(../images/right.jpg) no-repeat center;width:12px;height:22px;position:absolute;left: 610px;top: 105px;cursor:pointer;}
.author_con .scrollable{width:565px; height:200px; position:relative;left:15px; top:5px;overflow:hidden;}
.author_con .items{width:1000em;position:absolute;clear:both;}
.author_con .items div{ float:left; overflow:hidden;}
.author_con .items div ul li{ float:left; padding-right:5px;text-align:center;}
.author_con .items div ul li img{ display:block; margin-bottom:2px; border:2px solid #FFFFFF;}
.author_con .items div ul li a{ color:#FFFFFF;}

/*................................................*/
.video{ float:right; border:solid 1px #ededed; border-top:none; width:631px;}
.video_box{ background:url(../images/biao_video_17.jpg) no-repeat; width:631px; height:30px;}
.video_banner{ float:left;margin-left:5px; margin-top:15px;width:242px;height:192px;}
.video_banner h1{ background:url(../images/video_bg_26.jpg) no-repeat; width:241px;height:21px; margin-top:14px;font-size:12px; font-family:"宋体"; text-align:center; color:#FFFFFF; }
.video_banner h1 a{ color:#FFFFFF;}
.video_con{float:right; width:375px; margin-top:5px;}
.video_con ul li{ float:left; padding:5px; width:108px;}
.video_con ul li img{ display:block; padding:1px; border:solid 1px #ccc; margin-bottom:8px; width:108px; height:88px;}
.video_con ul li a{ color:#0b78af;}
/*................................................*/

/*视频播放按钮*/
.btn_play .avatar {display:block;zoom:1;overflow:hidden;position:relative;}
.btn_play .avatar:after, .btn_play .avatar .playmask, .btn_play .avatar .gico-play {visibility:hidden;position:absolute;overflow:hidden;cursor:pointer}
.btn_play .avatar:after {z-index:2;top:0;left:0;width:100%;height:100%;content:'';background:rgba(0, 0, 0, .3) url(../images/btn.png) no-repeat 85px 70px}
.btn_play .avatar .playmask {z-index:2;top:0;left:0;width:100%;height:198px;background:#000}
.btn_play .avatar .gico-play {
	z-index:3;
	top:70px;
	left:85px;
	width:54px;
	height:54px;
	background:url(../images/btn.png) no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://192.168.1.120:8888/8090_njpub/skin/njpub/images/btn.png');
	text-indent:-599px
}
.btn_play .avatar:hover:after, .btn_play .avatar:hover .playmask, .btn_play .avatar:hover .gico-play {visibility:visible}
.btn_play .avatar:hover .playmask {filter:alpha(opacity=30)}
.btn_play .avatar img {width:100%;height:100%}

.btn_play1 .avatar {display:block;zoom:1;position:relative;}
.btn_play1 .avatar:after, .btn_play1 .avatar .playmask, .btn_play1 .avatar .gico-play {visibility:hidden;position:absolute;overflow:hidden;cursor:pointer}
.btn_play1 .avatar:after {z-index:2;top:0;left:0;width:113px;height:100%;content:'';background:rgba(0, 0, 0, .3) url(../images/btn.png) no-repeat 25px 20px}
.btn_play1 .avatar .playmask {z-index:2;top:0;left:0;width:113px;height:92px;background:#000}
.btn_play1 .avatar .gico-play {
	z-index:3;
	top:20px;
	left:25px;
	width:54px;
	height:54px;
	background:url(../images/btn.png) no-repeat;
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://192.168.1.120:8888/8090_njpub/skin/njpub/images/btn.png');
	text-indent:-599px
}
.btn_play1 .avatar:hover:after, .btn_play1 .avatar:hover .playmask, .btn_play1 .avatar:hover .gico-play {visibility:visible}
.btn_play1 .avatar:hover .playmask {filter:alpha(opacity=30)}


/*视频播放按钮*/
.playbtn {position:absolute;cursor:pointer;height:55px; widows:55px; left:89px; top:65px;}
.playbtn a {display:block;width:55px;height:55px;background:url(../images/playBtn.png) no-repeat center;opacity:.7;text-indent:-2000em;overflow:hidden}
.playbtn a:hover {opacity:1}

#books { width:960px; border:solid 1px #ededed; border-top:none;margin-bottom:15px; }
.books_box{ background:url(../images/biao_book1_19.jpg) no-repeat; height:30px; width:960px;}
.books_box2{ background:url(../images/deep_reading/deep_06.jpg) no-repeat; height:30px; width:960px;}
.books_con{ width:940px; margin:15px 10px;}
.books_title{ background:url(../images/books_bg_43.jpg) repeat-x; height:25px; }
.books_title h2{ color:#6b7b83; font-size:12px; font-family:"微软雅黑";float:left; padding:5px 0px 0px 15px;}
.books_title img{ float:left;}
.books_title span{ float:right;font-size:12px;padding:5px 15px 0px 0px;}
.books_title span a{color:#6d7c84; }

.books_content{ background:url(../images/books_bg1_46.jpg) repeat-x; height:222px; padding-top:20px; padding-left:45px;}
.scroll_box{position:relative;height:222px;width:860px; }
.scroll_box .prev{background:url(../images/left.png) no-repeat center;width:22px;height:34px;position:absolute;z-index:11;left:-35px;top:68px;cursor:pointer;}
.scroll_box .next{background:url(../images/right.png) no-repeat center;width:22px;height:34px;position:absolute;right:-23px;top:67px;z-index:11;cursor:pointer;}

.scroll {position:relative; height:222px; width:860px; overflow:hidden;}
.scroll .items {width:1000em;position:absolute;clear:both;}
.scroll .items .item {float:left;cursor:pointer;width:125px; height:190px; text-align:center; overflow:hidden; padding:0px 20px 0px 0px;}
.scroll .items div {float:left;overflow:hidden; text-align:center;}
.scroll .items div img{ display:block; border:2px solid #FFFFFF;}
.scroll .items div a{ color:#FFFFFF;}

.scroll .items div ul li{ float:left; padding-right:25px; width:120px; height:190px; text-align:center; text-overflow: ellipsis; overflow:hidden;}
.scroll .items div ul li img{ display:block; border:2px solid #FFFFFF;}
.scroll .items div ul li a{ color:#FFFFFF;}

/*................................................*/

#pic{ width:960px; margin-bottom:15px;  border:solid 1px #ededed; border-top:none;}
.pic_box{ background:url(../images/biao_pic_19.jpg) no-repeat; height:30px; width:960px;}
.pic_box2{ background:url(../images/deep_reading/deep_04.jpg) no-repeat; height:30px; width:960px; }
.pic_banner{ float:left; padding:12px 0px 0px 15px;}
.pic_con{ float:right; width:450px;}
.pic_con ul li{ float:left; width:132px; padding:6px; text-align:center;}
.pic_con ul li img{ display:block; padding:1px; border:solid 1px #ccc; margin-bottom:8px;}
.pic_con ul li span{ text-align:center;}


/*深度阅读*/

.deep_tittle{ height:30px; background:url(../images/deep_reading/deep_05.jpg) no-repeat;}
.deep_tittle_word{ padding-left:90px; line-height:30px; color:#fff; font-size:14px; font-weight:bold; float:left}
.deep_tittle span{ float:right; line-height:30px; padding-right:10px;}
.deep_tittle span a{ color:#FFF;}
.deep{ width:472px; height:auto; border-bottom:1px solid #eee; border-left:1px solid #eee; border-right:1px #eee inset; margin-bottom:15px;}
.deep ul{ width:450px; margin:10px;}
.deep ul li{ padding-left:10px; background:url(../images/biao_29.jpg) no-repeat left; line-height:22px;}

.lz{ padding:1px;}
.lz dl{ float:left; width:228px; margin:15px 5px 20px 5px;}
.lz dl dd{ float:left;}
.lz dl dd img{ width:110px; padding:1px; border:1px solid #eee;}
.lz dl dd img:hover{ display:block;border:1px solid #0b78af;padding:1px;}
.lz dl dt{ float:right; width:100px; overflow:hidden;  height:158px;}
.lz dl dt b{ display:block;}


/*
	Slideshow
*/

#slides {
	position:absolute;
	top:8px;
	left:8px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:300px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:300px;
	height:307px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Pagination
*/

.pagination {
	margin:16px auto 0;
	width:100px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../images/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:0;
	height:30px;
	padding:5px 20px 0 20px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:240px;
	font-size:1.3em;
	line-height:1.33;
	color:#fff;
	border-top:1px solid #000;
	text-shadow:none;
}