/*-------------------------------------------

    Title :  NTDTV
    Usage :  JSP Tag
    Edited:  2012-10-21

---------------------------------------------
	1. BaseTag
	2. DayWeekMonthArticleRankTag
	3. SpecialSubjectsTag
	4. HotVideoTag
	5. InstantNewsTag
	6. NewsByCategoryHierarchy
	7. NewsByCategoryTag
	8. PictureNewsTag
	9. RecommendedNewsTag
	10. RelativeArticlesTag
    11. Social
    12. Our Programs
    13. VideoDtwRankTag  
    14. VideoNewsTag
    15. Program Recommendation
    16. Popular Video
    19. VideoDtwRankIPadTag
    20. InstantNewsRankTag  	
---------------------------------------------*/

/*  1. BaseTag
---------------------------------------------*/
.pictureLabel {
	color: #fdfcfb;
}

/*  2. DayWeekMonthArticleRankTag  id: DayWeekMonthRank	
---------------------------------------------*/

#dayweekmonth{
	clear: both;	
	padding: 9px 9px 7px 0px;
}


#dayweekmonth .tabbar{
	
	margin: 0px 0 20px 0;
	
}

#dayweekmonth .block_bbs{
	
	margin: 9px 0px 9px 9px;

}

#dayweekmonth h2 .tab {
	width: 120px;
}


#dayweekmonth h2 .tabTitle {

	font-size: 14px;
	margin: 0px 0px 10px -1px;
	font-weight: bold;
	padding: 10px 12px 20px 12px;
	height: 27px;
	width: 120px;
}

#dayweekmonth h2 .tabTitle:hover {
	color: #BA2636;
}


#dayweekmonth .tabTitleLarge {
	width: 120px
	background: url(/cms2012/xtr/images/article/Tab01_li.gif) no-repeat 0 0;
}

#dayweekmonth .tabCurent {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#dayweekmonth .tabReg {
	background: url(/cms2012/xtr/images/article/Tab02_li.gif) no-repeat 0 0;
}

#dayweekmonth h2 .tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#dayweekmonth h2 .tabTitleLarge.tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab01_cur.gif) no-repeat 0 0;
}


/*  3. SpecialSubjectsTag - id : popular
---------------------------------------------*/
#popular {
	float: right;
	min-height: 33px;
	cursor: default;
	line-height: 33px;
	}

.moz #popular {
	line-height: 32.5px;
	}

#popular h3 {
	float: left;
	padding-right: 14px;
	}

#popular h3 a {
	color: #092462;
	font-size: 1.4em;
	}

#popular ol {
	float: left;
	}

#popular ol li {
	float: left;
	padding-right: 14px;
	}

#popular ol li a {
	color: #092462;
	font-weight: bold;
	font-size: 1.4em;
	}
	


#v2013_popular {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 980px;
	line-height: 13px;
	}

#v2013_popular span {
	position: absolute;
	top: 3px;
	_top: 4px;
	right: 0px;
	color: #db2b26;
	font-size: 1.2em;
	/* letter-spacing: 1px; */
	}
	
.moz #v2013_popular {
	line-height: 13px;
	}

#v2013_popular h3 {
	float: left;
	}

#v2013_popular h3 a {
	color: #092462;
	font-size: 1.2em;
	}

#v2013_popular ol {
	float: left;
	}

#v2013_popular ol li {
	float: left;
	padding-left: 10px;
	}

#v2013_popular ol li a {
	color: #092462;
	font-weight: bold;
	font-size: 1.2em;
	}
	
#v2013_popular .more{
	font-size: 1.2em;
	background: none; 
	padding-right: 0px;
	color: #ff3300;
	line-height: 1;
	font-weight: 400;
}


/*  4. HotVideoTag - id : hot
---------------------------------------------*/
#hot {
	margin: 15px 0 15px;
	border-top: 3px solid #b3bcce;
}

#hot h3 {
	margin-bottom: -15px;
	height: 38px;
	color: #3a3a3a;
	font-size: 1.8em;
	line-height: 38px;
}

#hot ol {
	margin: 15px -130px 0 0;
	clear: both;
	width: 1100px;
	height: 1%;
}

#hot ol:after {
	content: "";
	clear: both;
	display: block;
}

#hot ol li {
	float: left;
	padding-right: 20px;
	width: 123px;
	height: 135px;
	margin-bottom: 10px;
	overflow: hidden;
}

#hot ol li .figure {
	position: relative;
	margin-bottom: 9px;
}

#hot ol li .figure a {
	zoom: 1;
}

#hot ol li a {
	color: #1f4f82;
	font-size: 1.4em;
}

/*  5. InstantNewsTag - id : instant
---------------------------------------------*/
#newsBar {
	height:30px;
}

#instant {
	position: relative;
	float: left;
	width: 480px;
	min-height: 33px;
	line-height: 33px;
	}

.moz #instant ol {
	line-height: 32.5px;
	}

#instant:after {
	content: "";
	clear: both;
	display: block;
	}

#instant h3 {
	float: left;
	padding-right: 7px;
	width: 65px;
	font-weight: normal;
	font-size: 1.3em;
	}

#instant ol {
	float: left;
	width: 340px;
	}

#instant ol li {
	width: 340px;
	white-space: nowrap;
	overflow: hidden;
    }

#instant ol li a {
	color: #385690;
	font-size: 1.4em;
	}

#instant .ctrl {
	position: absolute;
	top: 9px;
	right: 0;
	z-index: 10;
	width: 49px;
	height: 13px;
	background: url(/cms2012/xtr/images/common/sprite_instant_ctrl_hover.png) no-repeat 0 -5000px;
	}

#instant .ctrl a {
	position: absolute;
	top: 0;
	display: block;
	width: 12px;
	height: 13px;
	overflow: hidden;
	cursor: pointer;
	background: url(/cms2012/xtr/images/common/sprite_instant_ctrl_a.png) no-repeat;
	}

#instant .ctrl a:hover {
	background-image: url(/cms2012/xtr/images/common/sprite_instant_ctrl_hover.png);
	}

#instant .ctrl .resumed { left:    0; background-position:     0 0 }
#instant .ctrl .paused  { left:    0; background-position: -12px 0 }
#instant .ctrl .prev    { left: 20px; background-position: -24px 0 }
#instant .ctrl .next    { left: 37px; background-position: -36px 0 }

/* 6. NewsByCategoryHierarchy class:categs
---------------------------------------------*/
.categs {
	clear: both;
	margin: 4px 0;
	width: 980px;
	height: 1%;
	background: url(/cms2012/xtr/images/homepage/bg_categs.gif) repeat-y top
		right;
}

.categs:after {
	content: "";
	clear: both;
	display: block;
}

.categs .sidebar {
	float: right;
	padding: 7px;
	width: 322px;
}

.categs .sep {
	clear: left;
	width: 626px;
	height: 23px;
	overflow: hidden;
}

.categ {
	float: left;
	display: inline;
	margin-right: 18px;
	padding-top: 1px;
	width: 304px;
	border-top: 3px solid #1d547f;
}

.categ .header {
	margin-bottom: 5px;
}

.categ .header h3 {
	padding-left: 1px;
	height: 33px;
	color: #0f0f0f;
	font-size: 1.8em;
	line-height: 29px;
	border-top: 1px solid #1d547f;
	border-bottom: 1px solid #ddd;
}

.categ .header h3 b {
	position: relative;
	top: 2px;
	left: 5px;
	font: 1.2em;
}

.categ .header .more {
	top: 10px;
}

.categ ol.top {
	height: 93px;
	}
	
.categ ol.top li {
	line-height: 1.667;
	cursor: default;
}

.categ ol.top li .figure {
	position: relative;
	float: left;
	display: inline;
	margin: 4px 14px 0 0;
}

.categ ol.top li .figure a {
	zoom: 1;
}

.categ ol.top li a {
	color: #1f4f82;
	font-size: 1.5em;
}

.categ ol.top li a p{
	height:50px;
	overflow-x:visible;
	overflow-y:hidden;
}

.categ ol.top li .vid {
	top: 8px;
}

.categ ol.bottom {
	padding-top: 4px;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
	}
	
.categ ol.bottom li {
    margin-top: 7px;
	padding-left: 16px;
	cursor: default;
	background: url(/cms2012/xtr/images/common/bullet_li.gif) no-repeat 0 5px;
	}

.categ ol.bottom li a {
	color: #1f4f82;
	font-size: 1.5em;
}

.categs .h86 {
	padding-top: 25px;
	margin-bottom: -5px;
}

/* 7. NewsByCategoryTag - id: comments
---------------------------------------------*/

/* 8. PictureNewsTag - id: imgnews
---------------------------------------------*/
#imgnews {
	margin-top: 18px;
	width: 310px;
	border-top: 3px solid #b3bcce;
}

#imgnews .header {
	position: relative;
	padding: 6px 0 9px;
	height: 1%;
	overflow: hidden;
}

#imgnews .header h3 {
	float: left;
	color: #666;
	font-size: 1.6em;
}

#imgnews .header .more {
	top: 10px;
}

#imgnews ol {
	margin-right: -14px;
	width: 324px;
	overflow: hidden;
}

#imgnews ol li {
	margin-right: 8px;
}

#imgnews ol li {
	position: relative;
	float: left;
	width: 98px;
}

#imgnews ol li .figure {
	margin-bottom: 6px;
	height: 118px;
	overflow-y: hidden;
}

#imgnews ol li a {
	color: #1f4f82;
	font-size: 1.4em;
	line-height: 1.143;
}

/* 9. RecommendedNewsTag - id: recommend
--------------------------------------------*/
#recommend {
	padding: 11px 10px 9px;
	border: 1px solid #ebebeb;
	background: white;
	}

#recommend .header {
	padding-bottom: 2px;
	zoom: 1;
	}

#recommend .header .more {
	top: 4px;
	}

#recommend ol li {
	margin-top: 16px;
	margin-bottom: 5px;
    font-size: 1.4em;
	line-height: 1.231;
	height: 80px;
	}

#recommend ol li .figure {
	position: relative;
	float: left;
	display: inline;
	margin-right: 10px;
	}

#recommend ol li a {
	color: #042063;
	zoom: 1;
	}

#recommend ol li h4 a {
	font-weight: normal;
	}

#recommend ol li p {
	/* float:right; */
	width:165px;
	height:35px;
	overflow: hidden;
	margin:0px;
	margin-top:5px;
	color:#454545;
	text-align:left;
	/*line-height:18px; */
	font-weight: normal;
	padding-top: 5px;
	border-top: 1px dotted #454545;
	/* padding-left: 12px; */
    }

/* 10. RelativeArticlesTag - id: relativeArticleBox
---------------------------------------------*/
.relativeBox {
	height: 100%;
	width: 300px;
	float: right;
}

.relativeBox .box {
	margin: 0px 20px 20px 0px;
	padding: 0px 0px 0px;
	border: 0px;
}

/* 11. Social
---------------------------------------------*/
#social {
	margin: 7px 0 8px;
	padding: 11px 10px 9px;
	border: 1px solid #ebebeb;
	background: white;
}

#social:after {
	content: "";
	clear: both;
	display: block;
	}
	
#social h3 {
	margin-bottom: 12px;
}

#social ul {
	list-style-type: none;
	margin-left: 5px;
}

#social ul li {
	display: inline;
	padding-right: 7px;
	padding-left: 0px;
	margin-top: 0px;
}

#social ul li img {
	width: auto;
	height: auto;
}

#social ul li a {
	color: #666;
	font-size: 1.3em;
	text-decoration: none;
	}

#social ul li a:hover {
	opacity: 0.7;
	-ms-filter: "alpha(opacity=70)";
	}

#social ul li a img {
	position: relative;
	top: -1px;
	margin-right: 5px;
	vertical-align: middle;
	}
	
/* 12. Our Programs
---------------------------------------------*/
#our {
	position: relative;
	clear: both;
	margin-top: 15px;
	padding-top: 10px;
	overflow: hidden;
	height: 1%;
	border-top: 3px solid #b3bcce;
}

#our h3 {
	float: left;
	margin-left: 14px;
	color: #1f4f82;
	font-size: 1.5em;
}

#our .tools {
	float: right;
	margin-bottom: 11px;
	cursor: default;
}

#our .tools .selectmenu-wrapper {
	width: 252px;
}

#our .tools a {
	margin-left: 16px;
	color: #1f4f82;
	font-size: 1.3em;
	vertical-align: middle;
}

#our .tools #schedule-button {
	position: relative;
	top: -1px;
	display: inline-block;
	vertical-align: middle;
	width: 250px;
	height: 22px;
	overflow: hidden;
	cursor: pointer;
	color: #79797a;
	font-weight: bold;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
	zoom: 1;
	outline: none;
	border: 1px solid #c5c4c4;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e4e4e4) );
	background: -webkit-linear-gradient(#fff, #e4e4e4);
	background: -moz-linear-gradient(#fff, #e4e4e4);
	background: -ms-linear-gradient(#fff, #e4e4e4);
	background: -o-linear-gradient(#fff, #e4e4e4);
	background: linear-gradient(#fff, #e4e4e4);
	-pie-background: linear-gradient(#fff, #e4e4e4);
}

#our .tools #schedule-button .ui-selectmenu-status {
	position: relative;
	margin-left: 6px;
}

#our .tools #schedule-button .ui-selectmenu-icon {
	float: right;
	width: 19px;
	height: 22px;
	background: url(/cms2012/xtr/images/homepage/ico_ui-selectmenu-icon.png)
		no-repeat;
}

#our .tools .jcarousel-ctrl {
	display: inline-block;
	vertical-align: middle;
	padding-left: 8px;
	cursor: default;
}

#our .tools .jcarousel-ctrl a {
	float: left;
	margin-left: 3px;
	width: 8px;
	height: 8px;
	overflow: hidden;
	text-indent: -5000px;
	cursor: pointer;
	background: #505050;
}

#our .tools .jcarousel-ctrl a.curr {
	background: #0e8ad1;
}

#our .jcarousel-container {
	clear: both;
	margin: 0 auto 10px;
	width: 864px;
	height: 150px;
	background: white
		url(/cms2012/xtr/images/homepage/sprite_our_jcarousel-prev_hover.png)
		no-repeat 0 -5000px; /* preload image */
}

#our .jcarousel-container .jcarousel-clip {
	position: relative;
	width: 864px;
	height: 150px;
}

#our ol {
 clear: both;
 width: 5000px;
 height: 150px;
 overflow: hidden;
 }
 
#our ol li {
	float: left;
	padding: 0 9px 5px;
	width: 125px;
	height: 150px;
	border-right: 1px solid white;
	background: #0e8ad1;
}

.moz #our ol li {
	padding: 0 9px 4px;
}

#our ol li .figure {
	position: relative;
	margin: 0 -9px 6px;
}

#our ol li a {
	color: white;
	font-size: 1.5em;
	line-height: 1.3;
}

.moz #our ol li .figure+a {
	position: relative;
	top: -2px;
}

#our .jcarousel-container .jcarousel-prev,#our .jcarousel-container .jcarousel-next
	{
	position: absolute;
	top: 0;
	width: 23px;
	height: 150px;
	cursor: pointer;
	background:
		url(/cms2012/xtr/images/homepage/sprite_our_jcarousel-prev.png)
		no-repeat;
}

#our .jcarousel-container .jcarousel-prev {
	left: -24px;
	background-position: 0 0;
}

#our .jcarousel-container .jcarousel-next {
	right: -23px;
	background-position: 0 -150px;
	border-left: 1px solid white
}

#our .jcarousel-container .jcarousel-prev:hover,#our .jcarousel-container .jcarousel-next:hover
	{
	background-image:
		url(/cms2012/xtr/images/homepage/sprite_our_jcarousel-prev_hover.png);
}

/*  13. VideoDtwRankTag  	
---------------------------------------------*/

#videodtwrank{
	clear: both;	
	padding: 9px 9px 9px 0px;
}

#videodtwrank .tabbar {
	margin: 0px 0 20px 0;
}

#videodtwrank .block_bbs{
	
	margin: 9px 0px 9px 9px;

}


#videodtwrank ol li{
	overflow:hidden;
	white-space:nowrap;
}


#videodtwrank h2 .tab {
	width: 120px;
}


#videodtwrank h2 .tabTitle {

	font-size: 14px;
	margin: 0px 0px 10px -1px;
	font-weight: bold;
	padding: 10px 12px 20px 12px;
	height: 27px;
	width: 120px;
}

#videodtwrank h2 .tabTitle:hover {
	color: #BA2636;
}


#videodtwrank .tabTitleLarge {
	width: 120px
	background: url(/cms2012/xtr/images/article/Tab01_li.gif) no-repeat 0 0;
}

#videodtwrank .tabCurent {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#videodtwrank .tabReg {
	background: url(/cms2012/xtr/images/article/Tab02_li.gif) no-repeat 0 0;
}

#videodtwrank h2 .tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#videodtwrank h2 .tabTitleLarge.tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab01_cur.gif) no-repeat 0 0;
}

.tabbar .more {
	float: right;
	padding-right: 19px;
	color: #A1A1A1;
	font-size: 1.4em;
	background: url(/cms2012/xtr/images/common/ico_more.png) no-repeat 100% 1px;
}

/* 14. VideoNewsTag - id: recommend
--------------------------------------------*/
#videonews.box .heightOver {
	height: 100%;
	overflow: hidden;
}

#videonews.box .innerbox .storybox {
	float: left;
	width: 128px;
	margin: 0px 18px 0px 0px;
	position: relative;
}

#videonews.box .innerbox .storybox .storyImgWrap {
	width: 128px;
	*height: 94px;
	overflow: hidden;
	background-color: black;
	display: block;
}
	
#videonews.box .innerbox .storybox .storyImgWrap img {
	width: 128px;
	overflow: hidden;
}

#videonews.box .innerbox .storybox .play {
  left: 60px;
  top: 45px;
}

#videonews.box .innerbox .storybox .storyText {
	margin:8px 0px 9px 0px; 
	display:block; 
	overflow:hidden; 
	font-size:1.3em; 
	height: 32px;
	clear: both; 
}

/*  15. Program Recommendation
---------------------------------------------*/

#rec {
	clear: both;
	padding-bottom: 24px;
	}

#rec h3 {
	margin: 0 0 15px 14px;
	color: #16387c;
	font-size: 1.5em;
	}

#rec .jcarousel-container {
	clear: both;
	margin: 0 auto;
	width: 834px;
	height: 88px;
	background: url(/cms2012/xtr/images/common/sprite_rec_jcarousel-prev.hover.png) no-repeat 0 -5000px; /* preload image */
	}

#rec .jcarousel-container .jcarousel-clip {
	position: relative;
	width: 834px;
	}

#rec ol li {
	float: left;
	display: inline;
	margin-right: 6px;
	width: 162px;
	}

#rec .jcarousel-container .jcarousel-prev,
#rec .jcarousel-container .jcarousel-next {
	position: absolute;
	top: -3px;
	width: 40px;
	height: 97px;
	cursor: pointer;
	background: url(/cms2012/xtr/images/common/sprite_rec_jcarousel-prev.png) no-repeat;
	}

#rec .jcarousel-container .jcarousel-prev { left:  -61px; background-position: 0     0 }
#rec .jcarousel-container .jcarousel-next { right: -61px; background-position: 0 -97px }

#rec .jcarousel-container .jcarousel-prev:hover,
#rec .jcarousel-container .jcarousel-next:hover {
	background-image: url(/cms2012/xtr/images/common/sprite_rec_jcarousel-prev.hover.png);
	}


/*  16. Rec-week Video  
---------------------------------------------*/

#rec-week {
	float: right;
	width: 309px;
	border-left: 1px solid #d8d8d8;
	}

#rec-week h3 {
	padding: 13px 0 15px 8px;
	color: #1d2528;
	font-size: 1.5em;
	border-top: 3px double #d8d8d8;
	}

#rec-week .wrapper h4 {
	clear: both;
	margin-left: 9px;
	height: 29px;
	cursor: pointer;
	color: #005790;
	font-size: 1.6em;
	text-shadow: 0 1px 0 white;
	border: solid #e5e4e9;
	border-width: 0 1px;
	outline: none;
	background: url(/cms2012/xtr/images/video/bg_categ-menu_h3.png) repeat-x;
	}

#rec-week .wrapper h4:first-child {
	border-top: 1px solid #e5e4e9;
	}

#rec-week .wrapper h4 .ui-icon {
	float: left;
	display: inline;
	margin: 10px 7px 0 7px;
	width: 9px;
	height: 10px;
	overflow: hidden;
	cursor: pointer;
	background: url(/cms2012/xtr/images/video/sprite_ui-icon.png);
	}

#rec-week .wrapper h4.ui-state-active .ui-icon {
	background-position: 0 -10px;
	}

#rec-week .wrapper h4 a {
	float: left;
	display: inline;
	margin-top: 5px;
	cursor: pointer;
	color: #005790;
	}

.moz #rec-week .wrapper h4 a {
	margin-top: 4px;
	}

#rec-week .wrapper h4.ui-state-hover a {
	text-decoration: none;
	background: none;
	}

#rec-week .wrapper div ul {
	margin-left: 9px;
	padding: 10px 0 0;
	height: 1%;
	border-bottom: 1px solid #e5e4e9;
	}

#rec-week .wrapper div.last ul {
	border-bottom: none;
	}

#rec-week .ui-accordion-content-active ul {
	border-top: 1px solid #e5e4e9;
	}

#rec-week .wrapper div ul:after {
	content: "";
	clear: both;
	display: block;
	}

#rec-week .wrapper div ul li {
	float: left;
	display: inline;
	padding-bottom: 20px;
	width: 145px;
	}

#rec-week .wrapper div ul li.even {
	margin-left: 10px;
	}

#rec-week .wrapper div ul li .thumb {
	display: block;
	}

#rec-week .wrapper div ul li .text {
	color: #005790;
	font-size: 1.5em;
	}

/*  18. Nine Commentaries  
---------------------------------------------*/
#nine-wrapper {
	padding: 7px;
	background: #f0f0f0;
	}

#article .txtDownContent #nine-wrapper {
	padding: 0px;
}

#nine {
	margin: 0;
	padding: 10px 10px 8px 10px;
	border: 1px solid #dce1e5;
	background: white;
	}

#nine h3 {
	color: #292929;
	}

#nine ol {
	position: relative;
	margin-left: -7px;
	overflow: hidden;
	}

#nine.scroll ol {
	height: 45px;
    }
	
#nine ol .li-wrapper {
	position: relative;
	line-height: 12px;
	}

#nine ol li {
	margin: 0;
	padding: 3px 0;
	background: none;
	}

#nine ol li a {
	color: #022263;
	font-size: 1.4em;
	line-height: 17px;
	}

/*  18. Top News Tag  
---------------------------------------------*/
#headlines ul li .figure {
	position: relative;
	float: left;
	display: inline;
	margin: 0px 0px 10px 0px;
	}

#headlines ul li .figure a {
	zoom: 1;
	}

/*  19. VideoDtwIPadRankTag  	
---------------------------------------------*/
/*  rankBar
---------------------------------------------*/
.vidN {
    background: url("/cms2012/xtr/images/vidplay/play.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 33px;
    left: 50%;
    margin: -20px 0 0 -18px;
    opacity: 0.8;
    position: absolute;
    top: 50%;
    width: 33px;
}
.cNGray { color: #6B6B6C;}
.rankBar { background: url("/cms2012/xtr/images/common/mardow.png"); height:575px; overflow:hidden; padding:20px 0 0; -webkit-box-shadow: -1px 2px 12px 5px rgba(4, 0, 0, .33); -moz-box-shadow: -1px 2px 12px 5px rgba(4, 0, 0, .33); box-shadow: -1px 2px 12px 5px rgba(4, 0, 0, .33); }
.rankBar .rankAd { width:336px; background:#868585; }
.rankBar .rankAdNei { width:246px; margin:2px auto 3px; height:60px; }
.rankBar .tab_block { width:330px; margin:0; background:#fff; border:1px solid #d3d3d3; }
.rankBar .tab_menu { list-style:none; width:336px; overflow:hidden; }
.rankBar .tab_menu li { width:153px; float:left; height:34px; line-height:34px; color:#657892; background:#d7dcdd; text-align:center; cursor:pointer; font-size:1.6em; text-shadow: 0px 1px 1px #ffffff; /*opacity:.3;*/ -webkit-box-shadow: inset 4px -4px 20px 3px rgba(6, 6, 6, .2); }
.rankBar .tab_menu li.current { color:#041d7c; background-color:transparent; -webkit-box-shadow: none; }
.rankBar .tab_box { padding:0; }
.rankBar .tab_box .rankLiWrap { height:470px; overflow: scroll; }
.rankBar .tab_box .rankLiWrap li { font-size:1.5em; line-height:18px; text-shadow: 0px 1px 1px #ffffff; padding:20px 40px 20px 21px; border-top:1px #FFFFFF solid; border-bottom:1px #d8d8d9 solid; display:block; overflow:hidden; position:relative; }
.rankBar .tab_box .rankLiWrap a { display:block; color: #6B6B6C;}
.rankBar .tab_box .rankLiWrap a:hover, .rankBar .tab_box .rankLiWrap a:active { color:#1a6aaa; }
.rankBar .tab_box .rankLiWrap a .arrow { position:absolute; width:16px; height:27px; right:11px; top:50%; margin:-13px 0 0; background:url("/cms2012/xtr/images/common/arrow-news.png") no-repeat 0 0; }
.rankBar .tab_box .rankLiWrap a:hover .arrow { background:url(../images/arrow-news.png) no-repeat 0 -27px; }
.rankBar .tab_box .hide { display:none; }
.rankVideoWrap { width:330px; height:470px; overflow:scroll; float:left; }
.rankVideoWrap .photoVid { padding:12px 40px 12px 21px; display:block; border-bottom:1px #c2c2c4 solid; border-top:1px #FFF solid; width:246px; overflow:hidden; position:relative; }
.rankVideoWrap .photoVid.whiteB { background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa)); background:-webkit-linear-gradient(top, #fdfdfd, #fafafa); }
.rankVideoWrap .photoVid.whiteB:hover { background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background:-webkit-linear-gradient(top, #fafafa, #eeeeee); }
.rankVideoWrap .photoVid.grayB { background:-webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eeeeee)); background:-webkit-linear-gradient(top, #fafafa, #eeeeee); }
.rankVideoWrap .photoVid.grayB:hover { background:-webkit-gradient(linear, left top, left bottom, from(#fdfdfd), to(#fafafa)); background:-webkit-linear-gradient(top, #fdfdfd, #fafafa); }
.rankVideoWrap .norPhotoContN { width:123px; height:69px; overflow:hidden; float:left; padding:0 11px 0 0; position:relative; }
.rankVideoWrap .norPhotoContN img { width:123px; }
.rankVideoWrap p.linkR { float:left; display:block; width:110px; text-shadow: 0px 1px 0px rgba(255, 255, 255, 1); font-size:1.5em; line-height:1.2em; height:55px; overflow:hidden; }
.rankVideoWrap p.linkR:hover, p.linkR:active { color: rgba(3,124,220,1); }
.rankVideoWrap a .arrow { position:absolute; width:16px; height:27px; right:11px; top:50%; margin:-13px 0 0; background:url(../images/arrow-news.png) no-repeat 0 0; }
.rankVideoWrap a:hover .arrow { background:url(../images/arrow-news.png) no-repeat 0 -27px; }
.rankBar a {color: inherit; text-decoration: none;}
.rankBar a:hover, a:focus {color: inherit; text-decoration: none;}
.jishi { position:absolute; left:20px; top:5px; width:84px; height:29px; overflow:hidden; display:block; margin:0; border-width: 0px 6px; -webkit-border-image: url(../images/rfbg.png ) 0 6 stretch; }
.jishi select { position:absolute; background:transparent; color:#FFFFFF; width: 260px; padding:2px 0 0 10px; font-size:15px; border: none; height: 29px; text-shadow: 0px -1px #000; float:left; }

/*  20. InstantNewsRankTag  	
---------------------------------------------*/

#instantnewsrank{
	clear: both;	
	padding: 9px 9px 7px 0px;
}

#instantnewsrank .tabbar {
	margin: 0px 0 20px 0;
}

#instantnewsrank .block_bbs{
	
	margin: 9px 0px 9px 9px;

}


#instantnewsrank ol li{
	overflow:hidden;
	white-space:nowrap;
}


#instantnewsrank h2 .tab {
	width: 120px;
}


#instantnewsrank h2 .tabTitle {

	font-size: 14px;
	margin: 0px 0px 10px -1px;
	font-weight: bold;
	padding: 10px 12px 20px 12px;
	height: 27px;
	width: 120px;
}

#instantnewsrank h2 .tabTitle:hover {
	color: #BA2636;
}


#instantnewsrank .tabTitleLarge {
	width: 120px
	background: url(/cms2012/xtr/images/article/Tab01_li.gif) no-repeat 0 0;
}

#instantnewsrank .tabCurent {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#instantnewsrank .tabReg {
	background: url(/cms2012/xtr/images/article/Tab02_li.gif) no-repeat 0 0;
}

#instantnewsrank h2 .tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab02_cur.gif) no-repeat 0 0;
}

#instantnewsrank h2 .tabTitleLarge.tabReg:hover {
	background: url(/cms2012/xtr/images/article/Tab01_cur.gif) no-repeat 0 0;
}

/* Comments
---------------------------------------------*/

#cmnt-block {
	margin: 0;
	padding-bottom: 20px;
	height: 1%;
	}

#cmnt-block:after {
	content: "";
	clear: both;
	display: block;
	}

#cmnts {
	float: left;
	padding-top: 6px;
	width: 624px;
	border-top: 3px solid #2080da;
	}

#cmnts h3 {
	padding-left: 36px;
	height: 31px;
	font-size: 1.6em;
	line-height: 33px;
	border: 1px solid #ebebeb;
	background: url(/cms2012/xtr/images/video/bg_cmnts_h3.png) no-repeat;
	}

#cmnts ol li {
	padding: 19px 0 19px 20px;
	height: 1%;
	border: solid #ebebeb;
	border-width: 0 1px;
	background: url(/cms2012/xtr/images/video/bg_popular-vid_li.gif) repeat-x;
	}

#cmnts ol li:after {
	content: "";
	clear: both;
	display: block;
	}

#cmnts ol li:first-child {
	background: none;
	}

#cmnts ol li .meta {
	float: left;
	padding-left: 10px;
	width: 110px;
	background: url(/cms2012/xtr/images/video/ico_cmnts_meta.png) no-repeat 0 1px;
	}

#cmnts ol li .meta .name {
	margin-left: 5px;
	color: black;
	font-size: 1.2em;
	}

#cmnts ol li .meta .time {
	display: block;
	margin: 5px 0 0 -10px;
	color: #c4c4c4;
	font-size: 1.1em;
	}

#cmnts ol li .content {
	float: left;
	display: inline;
	margin: -4px 0 0 10px;
	width: 450px;
	}

#cmnts ol li .content p {
	font-size: 1.4em;
	line-height: 1.8;
	}

#cmnts-pager {
	margin-top: 15px;
	cursor: default;
	text-align: right;
	}

#cmnts-pager .prev,
#cmnts-pager .next {
	position: relative;
	top: 1px;
	font-size: 1.4em;
	background: url(/cms2012/xtr/images/video/sprite_cmnts-pager_prev.png) no-repeat;
	}

#cmnts-pager .prev { margin-right: 10px; padding-left:  14px; background-position:    0   3px }
#cmnts-pager .next { margin-left:  10px; padding-right: 14px; background-position: 100% -38px }

.moz #cmnts-pager .prev { background-position:    0   5px }
.moz #cmnts-pager .next { background-position: 100% -36px }

#cmnts-pager .num {
	display: inline-block;
	margin: 0 1px;
	padding: 1px 4px 0;
	height: 16px;
	color: #cd8931;
	font-size: 1.2em;
	border: 1px solid #f0dabf;
	background: #f2d3ac url(/cms2012/xtr/images/video/bg_cmnts-pager_num.png) repeat-x;
	}

#cmnts-pager .num:hover,
#cmnts-pager .curr {
	cursor: pointer;
	color: white;
	text-decoration: none;
	border-color: #cd8931;
	background: #cd8931;
	}

#cmnts-pager .curr {
	cursor: default !important;
	}

#cmnts-pager .hellip {
	color: #cd8931;
	font-weight: bold;
	font-size: 1.2em;
	letter-spacing: 1px;
	}

#cmnts form {
	margin-top: 20px;
	margin-bottom: 60px;
	}

#cmnts form h4 {
	margin-bottom: 15px;
	font-size: 1.5em;
	}

#cmnts form div {
	margin-bottom: 8px;
	}

#cmnts form div label {
	display: inline-block;
	width: 38px;
	font-size: 1.4em;
	}

#cmnts form div label[for="cmnt-msg"] {
	position: relative;
	top: 4px;
	}

#cmnts form div input {
	padding: 2px 5px;
	width: 300px;
	height: 20px;
	font-size: 1.3em;
	border: 1px solid #cfcfcc;
	color: #919191;
	background: #f9ffff;
	}

#cmnts form div textarea {
	vertical-align: top;
	padding: 2px 5px;
	width: 571px;
	height: 80px;
	min-height: 80px;
	resize: vertical;
	overflow: hidden;
	font-size: 1.4em;
	border: 1px solid #cfcfcc;
	background: #f9ffff;
	}

#cmnts form div button {
	margin: 10px 0 5px 10px;
	width: 69px;
	height: 26px;
	cursor: pointer;
	border: none;
	font-size: 0;
	background: url(/cms2012/xtr/images/video/bg_cmnts_form_button.png) no-repeat;
	float:right;
	}

#cmnts #cmnt-message-thanks{
	width:450px;
	border: 1px solid #F0DABF;
    color: #042063;
    font-size: 1.3em;
    font-weight: bold;
    height: 16px;
    margin: 9px 0 0 40px;
    padding: 3px;
	display: none;
	background: #f2d3ac url(/cms2012/xtr/images/video/bg_cmnts-pager_num.png) repeat-x;
	}
	
#cmnts #cmnt-message-comment-required{
	width:450px;
	border: 1px solid #F0DABF;
    color: #FF0000;
    font-size: 1.3em;
    font-weight: bold;
    height: 16px;
    margin: 9px 0 0 40px;
    padding: 3px;
	display: none;
	background: #f2d3ac url(/cms2012/xtr/images/video/bg_cmnts-pager_num.png) repeat-x;
	}