/***
page文件：css/page/normal.css

文件的顺序为:
E:/workspace/aptana2/video_result/WebContent/static/css/base/reset.css
E:/workspace/aptana2/video_result/WebContent/static/css/common/images.css
E:/workspace/aptana2/video_result/WebContent/static/css/common/global.css
E:/workspace/aptana2/video_result/WebContent/static/css/module/topHint.css
E:/workspace/aptana2/video_result/WebContent/static/css/module/frameList.css
E:/workspace/aptana2/video_result/WebContent/static/css/module/improveFooter.css
E:/workspace/aptana2/video_result/WebContent/static/css/module/youdaoAd.css
E:/workspace/aptana2/video_result/WebContent/static/css/common/conflictFix.css
E:/workspace/aptana2/video_result/WebContent/static/css/module/noResult.css
E:/workspace/aptana2/video_result/WebContent/static/css/page/normal.css

***/

/**公共模块**/
/*
 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 Code licensed under the BSD License:
 http://developer.yahoo.com/yui/license.html
 version: 3.1.1
 build: 47
 */
/*
 TODO will need to remove settings on HTML since we can't namespace it.
 TODO with the prefix, should I group by selector or property for weight savings?
 */
html {
    color: #000;
    background: #FFF;
}

/*
 TODO remove settings on BODY since we can't namespace it.
 */
/*
 TODO test putting a class on HEAD.
 - Fails on FF.
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset, img {
    border: 0;
}

/*
 TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
 */
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

/*
 TODO Figure out where this list-style rule is best set. Hedger has a request to investigate.
 */
li {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

/* to preserve line-height and selector appearance */
sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/*to enable resizing for IE*/
input, textarea, select { *font-size:
    100%;
}

/*because legend doesn't inherit in IE */
legend {
    color: #000;
}a{
    outline:0 none;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}

.clear {
    clear:both;
}
/*programStill*/
.psl-container .psl-img,
/*frameList*/
.fl-ul .fl-img,
/*recImgList*/
.ril-ul .ril-img{
	     background: transparent url("http://video.youdao.com/pics/loading.gif") no-repeat scroll center center;
}

/*startWatch*/
.stw-view, .stw-view strong, .stw-lang, .stw-hd,
/*douBanGrade*/
.dbg-logo, .dbg-star, .dbg-star span,
/*frameList*/
.fl-hd, .fl-bg, .fl-txt .fl-new,
/*mRankList*/
.mrl-icon, .mrl-rank, .mrl-rank span, .mrl-ol li b,
/*pagination*/
.pg-container a.pg-prev, .pg-container a.pg-next, .pg-container .pg-index a.pg-current,
/*programIntro*/
.pi-head div span, .pi-story span.pi-icon, .pi-logo, .pi-star, .pi-star span,
/*programStill*/
.psl-container .psl-bg,
/*rankList*/
.rl-ol li b,
/*recImgList*/
.ril-star,.ril-star div, .ril-hd,
/*switcher*/
.sw-container .sw-view, .sw-container .sw-lang, .sw-container .sw-hd,
/*topHintTab*/
.tht-container .tht-tab li.tht-current,
/*tvList*/
.tvl-button span{
     background: transparent url("../images/icons_vr.png") no-repeat scroll;
     _background-image:url("../images/icons_vr_png8.png");
}


/*catList*/
.cl-dot {
     background: transparent url("../images/dot_line.png") no-repeat scroll left bottom;
}

/**左侧公共模块**/
.th-container {
    border-bottom:1px solid #eee;
    line-height:33px;
    height:33px;
	overflow:hidden;
}
.th-sum{
	width:400px;
	float:left;
	font-size:13px;
	color:#808080;
}
.th-container .th-hint {
    float: right;
    font-size: 12px;
    padding-right:6px;
}

.th-container .th-hint a {
    color: #333;
    padding-left: 5px;
    padding-right: 5px;
}

.fl-ul{
	_width:100%;
	_overflow:hidden;
}
.fl-ul li{
	float:left;
	width:126px;
	/*height:130px;*/
	overflow:hidden;
	margin-right:62px;
	zoom:1;
}
.fl-ul li.fl-right{
	margin-right:0;
}
.fl-frame, .fl-txt{
	position:relative;
}
.fl-hd, .fl-time, .fl-time-bg, .fl-bg, .fl-txt .fl-new{
	position:absolute;
}
.fl-hd, .fl-bg, .fl-txt .fl-new{
    background-position: -235px 0;
}
.fl-hd{
	width:33px;
	height:16px;
	overflow:hidden;
	top:2px;
	right:2px;
}


.fl-bg{
	background-position:-4px -129px;
	width:126px;
	height:96px;
	top:-1px;
	left:-1px;
	display:none;
	_display:block;
	filter:alpha(opacity=70);
	_filter:alpha(opacity=0);
    -moz-opacity:0.7;
    opacity:0.7;
}


.fl-time-bg, .fl-time{
	right:2px;
	bottom:2px;
	width:40px;
	height:15px;
	overflow:hidden;
}
.fl-time-bg{
	background:#000;
	filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
}
.fl-time{
	color:#FFF;
	font:11px/15px  Arial;
	font-weight:bold;
	text-align:center;
}
.fl-frame{
	display:block;
	cursor:pointer;
	width:120px;
	height:90px;
	padding:2px;
	border: 1px solid #dcdcdc;
}
a.fl-frame:hover  .fl-bg{
	display:block;
	_filter:alpha(opacity=70);
}

.fl-img, .fl-img img{
	width:120px;
	height:90px;
	overflow:hidden;
}

.fl-txt{
	text-align:center;
	font:13px/18px "宋体";
	margin-top:6px;
}
.fl-ul .fl-movie, .fl-ul .fl-show{
	text-align:left;
}
.fl-txt a{
	text-decoration:underline;
	color:#0022cc;
}
.fl-ul .fl-movie .fl-key{
	color:#c60a00;
}
.fl-movie .fl-title{
	max-height:36px;
	overflow:hidden;
}
.fl-movie .fl-orig{
    color:#808080;
    font-size:12px;
}
.fl-show .fl-title{
	color:#02C;
	height:18px;
	_width:126px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.fl-txt .fl-new{
	width:22px;
	height:12px;
	top:0;
	right:16px;
	overflow:hidden;
	background-position:-218px -17px;
}
.fl-show div.fl-new{
	right:27px;
}
 



/**底部公共模块**/
.auto-width #c, #c{
	padding-right:0;
	width: 970px;
	min-width:970px;
}
#c a{
	text-decoration: underline;
}
#c #relatedKeys{
	font-family:"微软雅黑";
	padding-top:8px;
	padding-bottom:12px;
	margin-bottom:9px;
	margin-left:-5px;
}
#c #relatedKeys td{
	padding-top:0.8em;
}
.imf-container{
}
.imf-container table th, .imf-hot-so .imf-first-td strong{
	font-weight:bold;
}
.imf-container .imf-hot-so td{
	padding: 0.6em 1em 0 0;
}
.imf-container .imf-hot-so .imf-first-td{
	padding-right: 0;
}

/**广告模块**/
/** 缩写为yad**/


.yad_container{
    position:relative;
    overflow:hidden;
}

.yad_logo{
    display:block;
    height:20px;
    width:31px;
    text-align:justify;
    letter-spacing:20px;
    text-decoration:none;
    overflow:hidden;
    cursor:default;
    position:absolute;
    bottom:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://shared.youdao.com/images/logos/small/youdao-ead-union-logo-y-red.png",sizingMethod="image");
    background:url("http://shared.youdao.com/images/logos/small/youdao-ead-union-logo-y-red.png") no-repeat left top;
    _background:none;
    z-index:20;
}
.yad_logo:hover{
    width:82px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,src="http://shared.youdao.com/images/logos/small/youdao-ead-union-text-logo-small-y-short.png",sizingMethod="image");
    background:url(http://shared.youdao.com/images/logos/small/youdao-ead-union-text-logo-small-y-short.png) no-repeat left top;
    _background:none;
    text-decoration:none;
}
.yad_link,.yad_link img{
    display:block;
}
.yad_link{
    overflow:hidden;
}
.yad_mask{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
    cursor:pointer;
    background:#FFF;
    opacity:0;
    filter:alpha(opacity=0);
}
.yad_mask:hover{
    text-decoration:none;
}

/**解决result页的冲突**/
#c .yad_logo, #c .yad_logo:hover{
    text-decoration:none;
}
/**公共冲突**/
#t strong, .widget li strong, #cats li strong{
    font-weight:bold;
}


/**无结果模块**/
.nor-container {
    padding-bottom:40px;
    font-size:13px;
}

.nor-hint {
    margin-top:30px;
}
.nor-container div{
    margin-top:15px;
}
.nor-container div p{
}
.nor-container ul{
    padding-left:40px;
}
.nor-container ul li{
    list-style-type:disc;
}


#result{
	font-size:12px;
	margin-top:2px;
	width:690px;
}
#result .fl-ul{
	margin-top:25px;
}
#result .fl-ul li{
	height:178px;
	margin-right:60px;
}
#result .fl-ul li.fl-right{
	margin-right:0;
}

/** 底部 **/
#w #c{
	width: auto;
	float:none;
	min-width:544px;
}
#c #relatedKeys{
	margin-left:0;
	margin-right:0;
	padding-left:0;
	padding-right:0;
}