/********************************************2** 
** 文件注释，说明文件名称和文件所包含内容 
** @fileName video.css
** @author shangwenhe
** @create time 2014年08月28日 20:25 
** @version {版本信息}  v0.0.1
**
** ////////////////////////////////////////
** 
** @describe  描述文件中所包含的样式 
**	带图区样式表	
**  	电影，电视剧
**  	今日热点，综艺，动漫，少儿，纪录片，搞笑
**
*********************************************/



	/* 视频区块 */
	.item{
		float:left;
		padding:0 0 0 20px;
		_display:inline;
		_margin-right:-3px;
		-webkit-transition:padding .3s ease-in-out;
		-moz-transition: padding .3s ease-in-out;
		transition:padding .3s ease-in-out;
	}

	.gradient-bg{
			background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(225,225,225,0)), to(rgba(0,0,0,.8)));
			background-image:-moz-linear-gradient(top, rgba(225,225,225,0),rgba(0,0,0,.8));
			filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0,startColorstr = '#00ffffff', endColorstr = '#80000000');
			-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType = 0,startColorstr = '#00ffffff', endColorstr = '#80000000');
            background-image: linear-gradient(to bottom,  rgba(225,225,225,0) ,rgba(0,0,0,.8)); 
			height:40px;
			z-index:0;
	}
	.video{
		position:relative;
		overflow:hidden;
		span{
			display:block;
		}
		.vid-cover{
			width:100%;height:100%;
		}


		/* 视频区块遮罩背影 */
		.vid-info,
        .gradient-bg,
        .play-video-icon{
			position:absolute;
			bottom:0;
			left:0;
			width:100%;
		}
		.vid-title{
			overflow:hidden;
			height:22px;color:#fff;
			font-size:22px;
			line-height:22px;
			width:94%;
			padding:0 3%;
			position:absolute;
			left:0;
			bottom:29px;
		}
		.vid-info{
			overflow:hidden;
			height:22px;
			color:#ccc;
			font-size:12px;
			line-height:22px;
			width:94%;
			padding:0 3%;
		}
		.play-video-icon{
			opacity:0;
			position:absolute;
			left:50%;
			top:50%;
			margin-top:-26px;
			height:52px;
			width:52px;
			margin-left:-26px;
			-webkit-transition: opacity .4s ease-in;
			-moz-transition: opacity .4s ease-in;
			-ms-transition: opacity .4s ease-in;
			transition: opacity .4s ease-in;
			bottom:auto;
		}
		a{
			display:block;
			height:100%;

			&:hover{
				.play-video-icon{
					opacity: 1;
					background:url('./play_normal.png') no-repeat center center;
					_cursor: pointer;
					_background-image: none; 
					_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./play_normal.png');
				}	
			}
		}


		/* 视频播放区块 */
		.play-count{
			color:#999;
		}
		.play-icon{
			background:url('play-count.gif') no-repeat 0 45%;
			font-style:normal;
			padding-left:13px;
			.fis-inline-block();
			color:#ccc;
			font-weight:200;
			font-size:12px;
			zoom:1;
		}
		/* 视频播放时长区块 */
		.vid-duration{
			text-align:right;
			.play-icon{
				float:left;
			}
		}
		.vid-score{
			text-align:right;
			color:#ff3c30;
			font-size:16px;
			vertical-align: top;
			font-weight:200;
			font-family:Arial,Verdana,Tahoma;
			.cinema-title{
				font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53",Arial,sans-serif;
				float:left;
				font-style:normal;
				color:#fff;
				font-size:12px;
			}
			sup{
				font-size:12px;
				line-height:3em;
			}

		}
        .video-tip{
            position: absolute;
            left: 0;
            bottom: 0;
            height: 21px;
            color: #e5e5e5;
            width: 100%;
            .site{
                float: left;
                margin-left: 8px;
                _display:inline;
            }
            .du{
                float: right;
                margin-right: 8px;
                _display:inline;
            }
        }
	}



	/* 元素名字 */
	.item-title{
		width:168px;
		margin-bottom:12px;
		a{
			display:block;
			&.title{
				color:#000;
				font-size:14px;
				padding-top:4px;
				height:20px;
				overflow:hidden;
				*letter-spacing:-1px;
			}

			&:hover.title{
				color:#136EC3
			}

			&.sub-title{
				font-size:12px;
				color:#808080;
				padding-top:2px;
				height:18px;
				overflow:hidde;
			}
		}
        .play-num-up {
            color: #999;
            padding-top: 1px;
            width: 100%;
            overflow: hidden;
            .num {
                float: left;
            }
            .up {
                float: right;
            }
        }
        .play-icon {
            background: url('play-count.gif') no-repeat 0 45%;
            font-style: normal;
            padding-left: 13px;
            .fis-inline-block();
            color: #ccc;
            font-weight: 200;
            font-size: 12px;
            zoom: 1;
        }
	}

	/* 垂直区块内容 */
	.v-item{
		width:173px;
		height:235px;
		border:1px solid #fff;
	}
	/* 横向区块内容 */
	.h-item{
		width:173px;
		border:1px solid #fff;
		height:96px;
	}

	

	
	.mod-block { width:760px; overflow:hidden;}
	.mod-block .mod-block-inner{width:975px; margin-left:-20px;position:relative;zoom:1;}
	.mod-block .item{ margin-left:20px;float:left;height:300px;}

	.rightSubject{
		margin-top:25px;
		border-bottom:2px solid #eaeaea;height:90px;
		img{
			width:261px;
			height:90px;
		}
	}
	.hao123{
		.rightSubject{
			margin-top:15px;
			height:100px;
			img{
				height:100px;
			}
		}

	}

	.w1024{

		.item{
			padding:0 0 0 10px;
		}
		.focus-carousel-images{
			width:360px;
			ul.bdv-carousel-list .play-icon{
				right:15px;
			
			}
		}
		.focus-images-block{
			width:585px;
		}
	}
    .allAuto{
	.item-title {
	    margin-bottom: 17px;
	}
	
}