@media screen and (max-width: 830px) { 
    #list_video{
    	height:220px;
    }	
    #poster{
    	
    }
}

/*
body{
    background:#f3f3f3; 
}*/
/*选项卡*/
.img_tab{
	margin-left:2%;
	margin-top:4px; 
	position:relative; top:8px;
}
.img_tab a span{ border:1px solid #ccc;
    display:inline-block;
    width:23%;
    text-align:center;
    padding:2px 0;
    border-radius:6px;
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    font-weight:bold;
}
.img_tab .img_tab1{
	margin-left:0px;
	color:#ea7d9c;
	border-bottom:2px solid #f96e97;
	padding-bottom:2px;
}
.img_tab a{
	color:#000;
}
/*历史搜索*/
.img_translate{
	width:99%;
	text-indent:3px;
	border:1px solid #f6f5f5;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.img_translate span{
	color:blue;
	margin-left:10px;
}
.img_translate .img_translate1{
	margin-left:0;
}

    
#main{clear:both;}    
.pic{
    background:#fff;
    margin-bottom:50px;
    margin-top:20px;
}
#main .pic .up a{
	font-size:16px;
	color:#8b8484;
}
#main .pic .up .head_pic{
	position: relative;
	top:6px;
	left:12px; 
	margin-right:13px;
	width:28px;
	height:28px;
	border-radius:28px;
}
#main .li-title{
	width:96%;
	padding:5px;
	margin-left:6px;padding-bottom:5px; 
	overflow: hidden;/*
	text-overflow:ellipsis;
	white-space: nowrap;
    */
	font-size:17px;
}
#main video{
	width:95%;display:block;margin:0 auto;position:relative;z-index:10;
}
#main .pic .mask{
    position:relative; 
    background:#fff; 
    box-shadow: 0 0 5px #ccc; 
    z-index:2;
	padding:5px;
}
#main .pic .looked{
	font-size:12px;
	color:#ccc;
	claer:both;
}
#main .pic .looked span{
	position:absolute;
	top:9px;
	right:10px;
}	
#main .pic .looked .clock{
	width:16px;height:16px;
	position:absolute;
	top:10px;
	right:70px;
}
#main .pic .looked .browse{
	position:absolute;
	top:10px;
	left:210px;
}
#main .pic .looked small{
	position:absolute;
	top:9px;
	left:230px;
}
#main .pic .looked .zan{
	position: relative;
	top:4px;
	left:15px;
	width:15px;
	height:15px;
	margin-right:13px;
	transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
#main .pic .looked font{
	position: relative;
	top:2px;
	font-size:15px;
}
#main .pic .looked .comment{
	position: relative;
	top:3px;
	left:-10px;
	width:15px;
	height:13px;
	margin-right:10px;
}
#main .pic .looked strong{
	margin-left:-20px;position:relative; top:1px;
}
/*border:1px solid red;
#main .pic .mask{
    position:relative; 
    background:#fff; 
    box-shadow: 0 0 5px #ccc; 
    z-index:2;
	padding:5px;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
}
#main .pic .a-img1{
    width: 99%;
    height: auto;
}
#main .pic .looked{
	font-size:14px;
	color:#ccc;
	margin-top:10px;
}
#main .pic .looked small{
	position:absolute;
	left:190px;
	top:14px;
	display:block;
	width:40px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
#main .pic .looked img{
	width:18px;height:18px;
}
#main .pic .looked .browse{
	width:16px; 
	position: relative; 
	top:-1px;
	float:left; left:165px;
	clear:both; 
}
#main .pic .looked span{
	position: relative;
	top:-1px;
	left:3px;
	float:right;
	margin-right:10px;
	font-size:12px;
}
#main .pic .looked .clock{
	float:right;
	position: relative;
	top:-1px;
}
#main .pic .looked .zan{
	position: relative;
	top:-0px;
	left:15px;
	width:15px;
	height:15px;
	margin-right:10px;
	transition: All 1s ease-in-out;
    -webkit-transition: All 1s ease-in-out;
    -moz-transition: All 1s ease-in-out;
    -o-transition: All 1s ease-in-out;
}
#main .pic .looked font{
	position: relative;
	top:-3px;left:5px;
}

#main .pic .looked .comment{
	position: relative;
	top:-1px;
	left:10px;
	width:15px;
	height:13px;
	margin-right:10px;
}
#main .pic .looked strong{
	margin-left:1px;position:relative; top:-3px;
}
*/
#main h2{background:#f4f0f0;border-radius:0px;margin-bottom:60px;}

/*
封面
* */
#main .pic{
	position:relative;
}
#main .pic #poster{
	display:block;
	width:95%;
	margin:0 auto;
}
#main .pic #bo_btn{
	position:absolute;
    left:50%;
    top:50%;
    margin-left:-25px;
    margin-top:-25px;
}

.page{color:#8b8484;text-align:center;display:block;width:100%;border:1px solid #ccc;}

#main .right{display:none;}

/*电脑端样式 - pc terminal style*/
@media screen and (min-width: 830px) {
     #page1{width:800px; margin:0 auto;border:1px solid #ccc;position:relative; left:-130px; top:30px; border-radius:10px;}
	
    /*右边*/    
    #main .right{
	    width:270px;
    	height:290px; float:right;
    	background:#fff;
    	display:block;
    	margin-top:20px;
    }
    
    /*选项卡*/
    .img_tab{
    	width:280px;
    	font-size:18px;
    	margin:0 auto;  
    	margin-top:15px;
    }
    .img_tab a span{ 
    	border:2px solid #ccc;
        display:inline-block;
        width:58px;
        text-align:center;
        padding:2px 0;
        float:left;
        margin-left:5px;
        border-radius:6px;
        border-top-left-radius:0px;
        border-top-right-radius:0px;
    	font-weight:bold;
    }
    .img_tab .img_tab1{
    	margin-left:0px;
    	color:#ea7d9c;
    	border-bottom:2px solid #f96e97;
    	padding-bottom:2px;
    }
    /*历史搜索*/
    .img_translate{
    	text-indent:25px;
    }
    .img_translate span{
    	color:blue;
    	margin-left:10px;
    }
    .img_translate .img_translate1{
    	margin-left:0;
    }	
	


	#main{width:1130px;margin:0 auto;} 
    .pic{
    	width:845px;height:442px;border:1px solid #ccc;border-radius:20px;
        background:#fff;
        margin-top:20px;
    	margin-bottom:60px;
    }
    #main video{{
        width:100%;
    }
}

/*控制控制条宽度*/
video::-webkit-media-controls-timeline {
	height:3px;
}

/*时间向左移动10px*/
video::-webkit-media-controls-current-time-display{
	margin-left:10px;
}

/*隐藏下载按钮*/
video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
     width: calc(100% + 30px); 
}

/*隐藏暂停|播放按钮
video::-webkit-media-controls-play-button {display:none;background-color: red;}*/

.pic{border-radius:0px;border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;}
@media screen and (min-width: 830px) {
    #main .pic #poster{
    	width:325px;
	}
	#main video{
		width:565px;
    	height:340px;
	}
	#main .li-title{
        margin-left:10px;
	}
	
	#main .pic .looked .browse{
		position:absolute;
		top:10px;
		left:470px;
	}
	#main .pic .looked small{
		position:absolute;
		top:9px;
		left:250px;
	}
	#page1{margin-bottom:100px;}
	
    #main .pic{
    	width:390px;
    	float:left;
    	margin-left:30px;
    	height:290px;
    }
    #main .pic #bo_btn{
        display:none;	
    }
}

@media screen and (max-width: 830px) { 
    #list_video{
    	height:240px;
    }	
    #poster{

    }
  #main .li-title{
    font-size:14px;
  }
}
.pic{border-radius:0;}