﻿@charset "utf-8";
/* CSS Document */

/*BOX公共样式*/
.boxtitle{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) repeat-x 0 -620px;
	border:1px solid #DDD;
	border-radius:5px 5px 0 0;
	display:block;	
	height:26px;
	padding:8px 10px 0;
	position:relative
}
.boxtitle .title{font-size:14px;font-weight:bold}
.boxtitle .more{
	color:#999;
	position:absolute;
	right:10px;
	top:7px;
}
.boxtitle .sels{
	position:absolute;
	right:10px;
	top:6px;
}
.boxtitle .sels li{
	display:inline;
	float:left;
	margin-left:5px;
	width:60px;
}
.boxtitle .sels a{
	background:#F4F4F4;
	border:1px solid #DDD;
	display:block;
	font-weight:bold;
	height:26px;
	line-height:26px;
	bottom:-1px;
	position:relative;
	text-align:center
}
.boxtitle .sels .act{
	background:#FFF;
	border-top:2px solid #7C90BC;
	border-bottom:none;
	color:#3C5A9A
}
.boxcons{
	border:1px solid #DDD;
	border-radius:0 0 5px 5px;
	border-top:none;
	display:block;
	padding:10px;
}

/*当前位置*/
.local{padding:15px 0;position:relative}
.local .area{width:660px;color:#777}
.local .area .home{display:inline-block;height:16px;margin-bottom:-4px;width:16px;background:url(http://pics.static.nlp.cn/2012/icon.png) no-repeat 0 -512px}
.local .area a{color:#777}
.local .hotline{color:#089C3C;font:18px/20px 'Microsoft YaHei','黑体';position:absolute;right:320px;top:14px}
.local .hotline .tel{
	background:url(http://pics.static.nlp.cn/2012/bgs2012_2.png) no-repeat -80px -40px;
	display:inline-block;
	height:19px;
	margin-bottom:-3px;
	width:25px
}
.local .search{position:absolute;right:0;top:12px;width:300px}
.local .search .sins{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) no-repeat 0 -104px #FFF;
	border:1px solid #CCC;
	border-radius:3px 0 0 3px;
	height:24px;
	line-height:24px;
	padding:0 5px 0 25px;
	width:220px;
}
.local .search .sins:focus{background-position:0 -144px}
.local .search .sbtns{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) no-repeat 0 -66px;
	border:1px solid #CCC;
	border-radius:0 3px 3px 0;
	color:#333;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:26px;
	position:absolute;
	right:0;
	top:0;
	*top:1px;
	width:50px;
}

/*主内容*/
.sub_main{display:inline;margin-right:20px;width:640px;}
.sub_main .artilce{
	background:#F4F4F4;
	border-top:3px solid #7C90BC;
	border-bottom:3px solid #7C90BC;
	display:block;
	overflow:hidden;
	padding:10px 20px;
	width:600px
}
.sub_main .artilce h1{
	color:#222;
	font:26px/30px 'Microsoft YaHei','黑体';
	padding:10px 0 10px;
	text-align:center
}
.sub_main .artilce .author{border-bottom:1px solid #E4E4E4;color:#777;padding-bottom:10px;text-align:center;width:600px}
.sub_main .artilce .author .sline{color:#CCC;margin:0 10px}
.sub_main .artilce .sharebar,.sub_main .artilce .lesson_share{
	background:#FFF;
	border:1px solid #E4E4E4;
	border-radius:5px;
	display:block;
	padding:6px 9px 5px 59px;
	_padding-bottom:0;
	position:relative;
	width:530px
}
.sub_main .artilce .sharebar .bds_tools,.sub_main .artilce .lesson_share .bds_tools{margin-top:-3px}
.sub_main .artilce .sharebar .bds_tools a,.sub_main .artilce .sharebar span.bds_more,.sub_main .artilce .lesson_share .bds_tools a,.sub_main .artilce .lesson_share span.bds_more{padding-top:3px;_padding-top:4px}
.sub_main .artilce .sharebar a.shareCount,.sub_main .artilce .lesson_share a.shareCount{font-family:Arial, Helvetica, sans-serif;font-size:11px;padding-top:0;}
.sub_main .artilce .sharebar .shareword,.sub_main .artilce .lesson_share .shareword{left:10px;position:absolute;top:6px}
.sub_main .artilce .sharebar .focus,.sub_main .artilce .lesson_share .focus{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) no-repeat -140px -480px;
	height:22px;
	position:absolute;
	right:9px;
	top:5px;
	width:62px
}
.sub_main .artilce .sharebar .focus:hover,.sub_main .artilce .lesson_share .focus:hover{filter:alpha(opacity=80);opacity:0.8}
.sub_main .artilce .contents_show{
	border-top:1px solid #FFF;
	font-size:14px;
	line-height:26px;
	overflow:hidden;
	padding:40px 0 20px;
	width:600px
}
.sub_main .artilce .contents_show p{margin-bottom:25px}
.sub_main .artilce .contents_show a{color:#3C5A9A}
.sub_main .artilce .prvnext{
	border-bottom:1px solid #DDD;
	padding:20px 0 10px;
	width:600px
}
.sub_main .artilce .prvnext .next{float:right; top:20px;}
.sub_main .artilce .prvnext a{color:#3C5A9A}
.sub_main .artilce .happiness{border-top:1px solid #FFF;display:block;padding:20px 0}
.sub_main .artilce .happiness h3{display:block;margin-bottom:10px}
.sub_main .artilce .happiness .lists{display:block;overflow:hidden;width:600px}
.sub_main .artilce .happiness .lists li{
	float:left;
	height:26px;
	margin-right:20px;
	overflow:hidden;
	padding-top:5px;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:280px
}
.sub_main .artilce .happiness .lists li a{font-size:14px;color:#3C5A9A}
.sub_main .artilce .sina_focus{padding-bottom:20px}
.sub_main .artilce .tags{display:block}
.sub_main .reader_top{padding-top:20px}
.sub_main .reader_top .charts,.sub_main .comments .title .quote{
	background:url(http://pics.static.nlp.cn/2012/icon.png) no-repeat 0 -528px;
	display:inline-block;
	height:16px;
	margin-bottom:-3px;
	width:21px;
}
.sub_main .reader_top .lists{overflow:hidden;padding-right:0;width:628px}
.sub_main .reader_top .lists .over{width:110%}
.sub_main .reader_top .lists dl{
	float:left;
	padding-right:18px;
	width:300px
}
.sub_main .reader_top .lists dl dt{float:left;line-height:16px;padding-right:15px;text-align:center;width:135px;}
.sub_main .reader_top .lists dl dt img{display:block;margin-bottom:5px}
.sub_main .reader_top .lists dl dd{float:left;line-height:23px;margin-top:-2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:150px;}
.sub_main #denglu_comment{padding-top:20px}
.sub_main .comments{display:block;padding-top:20px;width:640px;}
.sub_main .comments .title{font-size:14px;position:relative;}
.sub_main .comments .title .quote{background-position:0 -544px}
.sub_main .comments .comments_form{padding:10px 0}
.sub_main .comments .comments_form .txt{
	border:1px solid #E1E1E1;
	border-top-color:#CCC;
	border-radius:5px;
	height:100px;
	overflow:auto;
	padding:5px;
	width:628px
}
.sub_main .comments .comments_form .txt:focus{border-color:#CCC;border-top-color:#999;}
.sub_main .comments .comments_form .other{padding-top:5px;position:relative;width:640px;z-index:666}
.sub_main .comments .face{position:relative;display:inline-block;}
.sub_main .comments .face .first{
	background:url(http://pics.static.nlp.cn/2012/icon.png) no-repeat 3px -574px #FFF;
	border:1px solid #E1E1E1;
	display:inline-block;
	height:21px;
	overflow:hidden;
	padding:0 3px 0 18px;
	position:relative;
	width:15px;
	z-index:88
}
.sub_main .comments .face .arrow{
	border:5px solid #FFF;
	border-top-color:#999;
	border-bottom:none;
	display:inline-block;
	height:0px;
	font-size:0;
	line-height:1px;
	margin-left:5px;
	top:0;
	*top:8px;
	overflow:hidden;
	position:relative;
	-moz-transition:-moz-transform 0.2s ease-in 0s;
	-webkit-transition:-webkit-transform 0.2s ease-in 0s;
	-o-transition:-o-transform 0.2s ease-in 0s;
}
.sub_main .comments .face:hover .arrow,.sub_main .comments .hover .arrow{
	border-top-color:#3C5A9A;
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform:rotate(180deg);
}
.sub_main .comments .face:hover .first,.sub_main .comments .hover .first{border-color:#CCC}
.sub_main .comments .face:hover .first,.sub_main .comments .hover .first{border-bottom:none;height:22px}
.sub_main .comments .face .face_box{
	background:#FFF;
	background:rgba(255,255,255,0.9);
	border:1px solid #CCC;
	border-radius:0 0 5px 5px;
	box-shadow:1px 1px 5px #DDD;
	display:none;
	left:0;
	padding:9px 0 5px 9px;
	position:absolute;
	top:22px;
	width:175px;
	z-index:66
}
.sub_main .comments .face:hover .face_box,.sub_main .comments .hover .face_box{display:block}
.sub_main .comments .face .face_box a{
	border:1px solid #FFF;
	display:inline-block;
	height:24px;
	line-height:24px;
	margin-right:9px;
	overflow:hidden;
	padding:3px;
}
.sub_main .comments .face .face_box a:hover{border-color:#DDD}
.sub_main .comments .other .max{
	color:#999;
	left:45px;
	position:absolute;
	top:6px;
}
.sub_main .comments .other .btns{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) no-repeat -210px -480px;
	border:none;
	color:#FFF;
	height:24px;
	position:absolute;
	right:0;
	top:5px;
	width:58px;
}
.sub_main .comments .other .btns:hover{filter:alpha(opacity=90);opacity:0.9}
.sub_main .comments_list{border-top:1px solid #E1E1E1;font-size:12px;padding-top:20px}
.sub_main .comments_list .nodata{padding-bottom:15px;text-align:center;color:#999}
.sub_main .comments_list dl{border-bottom:1px solid #E1E1E1;margin-bottom:20px}
.sub_main .comments_list dd{padding:0 0 15px 60px;position:relative;width:580px;min-height:50px;z-index:55}
.sub_main .comments_list dd .fbox{position:absolute;top:0;left:0}
.sub_main .comments_list dd .t{background:#F1F1F1;height:24px;line-height:24px;padding:0 5px;position:relative;z-index:55}
.sub_main .comments_list dd .t .name{color:#3C5A9A}
.sub_main .comments_list dd .t .date{color:#999;position:absolute;right:5px;top:0}
.sub_main .comments_list dd .comments_con{padding:7px 0 0 5px}
.sub_main .comments_list dd .comments_con img{margin:-3px 5px 0}

/*右*/
.sub_rgt{width:300px}
.sub_rgt .ads{display:block;padding-top:10px}
.sub_rgt .article_tops .boxtitle{border-radius:0}
.sub_rgt .article_tops .lists li{
	padding:4px 0;
	_padding:6px 0;
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:278px
}
.sub_rgt .article_tops .lists li .num{
	display:inline-block;
	height:15px;
	margin:0 5px -3px 0;
	overflow:hidden;
	width:15px;
	background:url(http://pics.static.nlp.cn/2012/icon.png) no-repeat 0 -352px
}
.sub_rgt .article_tops .lists li .n2{background-position:0 -368px}
.sub_rgt .article_tops .lists li .n3{background-position:0 -384px}
.sub_rgt .article_tops .lists li .n4{background-position:0 -400px}
.sub_rgt .article_tops .lists li .n5{background-position:0 -416px}
.sub_rgt .article_tops .lists li .n6{background-position:0 -432px}
.sub_rgt .article_tops .lists li .n7{background-position:0 -608px}
.sub_rgt .article_tops .lists li .n8{background-position:0 -624px}
.sub_rgt .article_tops .lists li .n9{background-position:0 -640px}
.sub_rgt .article_tops .lists li .n10{background-position:0 -656px}
.sub_rgt .article_tops .lists li .total{color:#999;position:absolute;right:0;top:4px;_top:6px;}
.sub_rgt .category_article{border:1px solid #DDD;margin-top:10px;}
.sub_rgt .category_article .sels{border-right:1px solid #DDD;display:inline;float:left;width:69px}
.sub_rgt .category_article .sels li{display:block}
.sub_rgt .category_article .sels li a{
	background:url(http://pics.static.nlp.cn/2012/bgs2012.png) no-repeat -120px 0;
	border-bottom:1px solid #DDD;
	color:#999;
	display:block;
	height:31px;
	line-height:31px;
	position:relative;
	text-align:center;
	width:69px;
	z-index:33
}
.sub_rgt .category_article .sels li a .arrow{
	border:5px solid #FFF;
	border-left-color:#889BC4;
	display:none;
	height:0;
	line-height:1px;
	overflow:hidden;
	position:absolute;
	right:-10px;
	top:11px;
	width:0
}
.sub_rgt .category_article .sels .last a{border-bottom:none}
.sub_rgt .category_article .sels li .act{background-position:-200px 0;color:#FFF;width:70px}
.sub_rgt .category_article .sels li .act .arrow{display:block}
.sub_rgt .category_article .list_box{
	float:left;
	overflow:hidden;
	padding:9px 9px 0;
	width:209px
}
.sub_rgt .category_article .list_box dt{border-bottom:1px dashed #DDD;display:block;height:60px;line-height:16px;overflow:hidden;position:relative;z-index:55}
.sub_rgt .category_article .list_box dt .fgrey{display:inline-block;margin-top:5px}
.sub_rgt .category_article .list_box dt .pbox{float:left;width:85px}
.sub_rgt .category_article .list_box dd,.sub_rgt .rmd_test_game dd{
	line-height:25px;
	overflow:hidden;
	padding-top:7px;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:210px
}
.sub_rgt .rmd_teacher,.sub_rgt .rmd_test_game{padding-top:10px}
.sub_rgt .rmd_teacher .lists,.sub_rgt .lesson_teacher .lists{padding-top:0}
.sub_rgt .rmd_teacher .lists dd,.sub_rgt .lesson_teacher .lists dd{
	border-bottom:1px dashed #CCC;
	display:block;
	padding:12px 0 15px
}
.sub_rgt .rmd_teacher .lists dd .pbox,.sub_rgt .lesson_teacher .lists dd .pbox{float:left;display:inline;padding-top:3px;width:95px}
.sub_rgt .rmd_teacher .lists dd .infos,.sub_rgt .lesson_teacher .lists dd .infos{float:left;width:183px}
.sub_rgt .rmd_teacher .lists dd .lesson{
	padding:5px 0 0 0;
	overflow:hidden;
	position:relative;
	text-overflow:ellipsis;
	/*white-space:nowrap;*/
	width:183px
}
.sub_rgt .lesson_teacher .lists dd .lesson{padding:5px 0 0 0;width:183px}
.sub_rgt .rmd_teacher .lists dd .lesson .items,.sub_rgt .lesson_teacher .lists dd .lesson .items{color:#999}
.sub_rgt .lesson_teacher .lists dd .descs{
	color:#777;
	float:left;
	padding-top:10px;
	width:278px
}
.sub_rgt .rmd_test_game .lists{padding-top:0}
.sub_rgt .rmd_test_game dt{
	border-bottom:1px dashed #DDD;
	display:block;
	height:92px;
	line-height:16px;
	padding-top:7px
}
.sub_rgt .rmd_test_game dt .pbox{
	float:left;
	padding-top:2px;
	width:130px
}
.sub_rgt .rmd_test_game dt .infos{
	float:left;
	overflow:hidden;
	width:148px
}
.sub_rgt .rmd_test_game dt .fgrey{display:inline-block;padding-top:5px;width:148px;word-break:break-all}
.sub_rgt .rmd_test_game dd{width:278px}

/*课程页面*/
.sub_main .artilce .descs{
	background:#FFF;
	border:1px solid #E4E4E4;
	border-radius:5px;
	display:block;
	line-height:22px;
	padding:14px 19px;
	position:relative;
	width:560px
}
.sub_main .artilce .lesson_share{background:none;border:none;height:25px}
.sub_main .borgrey{border-color:#CCC}
.sub_main .adv_guide{padding-top:20px}
.sub_main .adv_guide h2 .services{
	background:url(http://pics.static.nlp.cn/2012/bgs2012_2.png) no-repeat -120px -40px;
	display:inline-block;
	height:24px;
	margin-bottom:-6px;
	width:30px
}
.sub_main .adv_guide h2 .fgrey{font-size:12px;font-weight:lighter}
.sub_main .adv_guide .lists{padding-top:8px;overflow:hidden;width:640px}
.sub_main .adv_guide ul{width:110%}
.sub_main .adv_guide li{
	display:inline;
	float:left;
	margin-right:20px;
	overflow:hidden;
	text-overflow:ellipsis;
	padding-top:7px;
	white-space:nowrap;
	width:310px
}
.sub_main .adv_guide li a{font-size:14px}
.sub_main .adv_guide li .qa{
	background:url(http://pics.static.nlp.cn/2012/icon.png) no-repeat 0 -690px;
	display:inline-block;
	height:16px;
	margin-bottom:-4px;
	width:20px;
}
.sub_main .sign_step{display:block;padding-top:20px}
.sub_main .sign_step img:hover{filter:alpha(opacity=100);opacity:1.0}
.sub_main .sign_step a{display:block}
.sub_main .signonline{padding-top:20px}
.sub_main .signonline h2{border-bottom:1px dashed #CCC;height:26px;position:relative}
.sub_main .signonline h2 .sign{
	background:url(http://pics.static.nlp.cn/2012/bgs2012_2.png) no-repeat 0 -80px;
	display:inline-block;
	height:17px;
	margin-bottom:-3px;
	width:25px;
}
.sub_main .signonline h2 .tips{
	font-size:12px;
	font-weight:lighter;
	position:absolute;
	right:0;
	top:0;
}
.sub_main .signonline .fcn{color:#F30}
.sub_main .signform{padding-top:15px;width:640px}
.sub_main .signform td{padding:10px 0}
.sub_main .signform .ins{
	background:url(http://pics.static.nlp.cn/2012/bgs2012_2.png) no-repeat -160px -40px #FFF;
	border:1px solid #DDD;
	border-top-color:#CCC;
	height:26px;
	line-height:26px;
	padding:0 5px;
	width:220px
}
.sub_main .signform .ins:focus{border-color:#CCC;border-top-color:#999;}
.sub_main .signform .mini{width:135px}
.sub_main .signform .radios{padding-top:6px}
.sub_main .signform .code{cursor:pointer;margin-left:5px}
.sub_main .signform .submit{
	background:url(http://pics.static.nlp.cn/2012/bgs2012_2.png) no-repeat -40px -80px;
	border:none;
	color:#FFF;
	font:14px/34px 'Microsoft YaHei','黑体';
	height:34px;
	width:78px;
}
.sub_rgt .happiness_line dt{height:82px}
.sub_rgt .happiness_line dt .pbox{width:115px}
.sub_rgt .happiness_line dt .infos{width:163px}
.sub_rgt .happiness_line dt .fgrey{line-height:18px;width:163px}
.sub_rgt .lesson_scene{padding-top:10px}
.sub_rgt .lesson_scene .handle{
	background:#EEE;
	cursor:pointer;
	display:block;
	height:18px;
	overflow:hidden;
	width:278px
}
.sub_rgt .lesson_scene .handle:hover{background:#E4E4E4}
.sub_rgt .lesson_scene .handle .arrow{
	border:6px solid #EEE;
	border-bottom-color:#BBB;
	display:block;
	height:0;
	left:133px;
	line-height:1px;
	position:relative;
	top:0;
	overflow:hidden;
	width:0;
}
.sub_rgt .lesson_scene .handle:hover .arrow{border-color:#E4E4E4;border-bottom-color:#999;}
.sub_rgt .lesson_scene .handle .bot{border:6px solid #EEE;border-top-color:#BBB;top:6px;}
.sub_rgt .lesson_scene .handle:hover .bot{border-color:#E4E4E4;border-top-color:#999;}
.sub_rgt .lesson_scene .lists{
	height:510px;
	overflow:hidden;
	width:278px;
}
.sub_rgt .lesson_scene .lists_clone{height:8000%}
.sub_rgt .lesson_scene .lists li{height:160px;overflow:hidden;padding-top:10px;text-align:center}
.sub_rgt .lesson_scene .lists li img{display:block;margin-bottom:3px}