html,body{font-size:62.5%;min-height:101%;width:100%;}
*{padding:0; margin:0;}
body{background:#f6f6f9;margin:0px;padding:0px;color: #777;font-size:14px;line-height:140%;word-break: break-all; word-wrap:break-word;
font-family:"Lucida Grande",Verdana,Tahoma,Lucida,Arial,Helvetica,"微软雅黑","宋体",sans-serif;}
img, p, h3, ul, li, dl, dd, dt, h2, h4{margin:0px;border:0px;padding:0}
img{display:block;}
a:active{outline:0 none}
a:focus {outline:0;}
a:link{color: #555;text-decoration:none}
a:hover{color: #f06000;text-decoration:none;}
a:visited{color: #666;text-decoration:none}
li{list-style:none}
#header,.header_top,.header_bom,#head_top,#main,.ylink,#footer,#videoplay,#user{width:100%;padding:0;margin:0 auto;}
#main{padding:20px 0;}
#header{background:transparent;position:absolute;z-index:99999;}
.header_top{opacity:0.9;height:60px;}
.header_bom{position:absolute;top:3px;}
.top_bom{height:1px;clear:both;}
.logo{background:url(logo.png);width:150px;}

#header.style_grey  .logo{
	background-position: 0 -50px;

}


#header.style_yellow  .logo{
	background-position: 0 -100px;
}

#header.style_green  .logo{
	background-position: 0 -150px;
}


#header.style_blue .logo{
	background-position: 0 -200px;
}

#header.style_red .logo{
	background-position: 0 -250px;
}


.ui-footer {
  position: fixed;
  width: 100%;
  z-index: 100;
 }

.ui-header {
  top: 0;
}

.ui-header-stable,
.ui-header-positive {
  padding: 0 1px;
  box-sizing: border-box; }

.ui-header-stable,
.ui-footer-stable {
  background-color: #f8f8f8; }

.ui-header-positive,
.ui-footer-positive {
  background-color: #18b4ed;
  color: #fff; }
  .ui-header-positive a, .ui-header-positive a:active, .ui-header-positive i,
  .ui-footer-positive a,
  .ui-footer-positive a:active,
  .ui-footer-positive i {
    color: #fff; }

.ui-footer {
  bottom: -20px; text-align:center;}

.ui-header ~ .ui-container {
  border-top: 1px solid transparent; }

.ui-footer ~ .ui-container {
  border-bottom: 100px solid transparent; }



.t10{margin-top:5px;}
.t10z{margin-top:35px;}
.t10s{margin-top:35px;}
.center{margin:0 auto;text-align:center;}
.carousel-control{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
	filter:alpha(opacity=50);  
	-moz-opacity:0.5;  
	-khtml-opacity: 0.5;  
	opacity: 0.5;   
	}
.round{
	-webkit-box-shadow: 5px 5px 5px #ccc;
	-moz-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}


.r{float:right;}
.l{float:left;}
.badge.r{margin-right:10px;}
.rel{position:relative;}
.abs{position:absolute;}
.none{display:none;}
.block{display:block;}
.red{color:red;}
.green{color:green;}
.orange{color:orange;}
.blue{color:blue;}
.fff{color:#fff;}
.box li {float:left;text-align:center;margin-top:20px;overflow:hidden;white-space:nowrap;}
.tbox li{float:left;text-align:center;margin-top:20px;margin-top:10px;overflow:hidden;white-space:nowrap;}
.box li h5,.tbox li h5{height:22px;overflow:hidden;line-height:150%;}
.box li a,.tbox li a{display:block;width:100%;}
.mbox li a{display:block;}
.box li a:hover,.tbox li a:hover,.mbox li a:hover{background:#f06000;color:#fff;border-radius:5px;}
.box li img:hover,.tbox li img:hover{background:#f06000;border-radius:5px;}

.imgbox{width:100%;position:relative;}
.img_bom{padding-top:140%;height:0;}
.imgbox img{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.form-control{border-color:transparent;}

#header.style_grey .header_top {/*深灰风格css*/
	background:#151515;
}
#header.style_grey .navbar-inverse {
	border-color:transparent;
}

#header.style_grey  #wd{
	background:#0f0f0f;
	border-color:#333!important;
}
#header.style_grey  #style_btn{
	background:#0f0f0f;
	border-color:#333!important;
	color:#bbb;
}
#header.style_grey  #style_btn:hover,#header.style_grey  .fa-search:hover{
	background:#2a2a2a;
	border-color:#333!important;
	color:#fff;
}

#header.style_yellow {/*橙色风格css*/
	background:orange;
}
#header.style_yellow  #wd{
	background:#fff;
	border-color:orange!important;
}

#header.style_green{/*绿色风格css*/
	background:green;
}
#header.style_green  #wd{
	background:#fff;
	border-color:#4cae4c!important;
}

#header.style_blue{/*蓝色风格css*/
	background:#07A7E1;
}
#header.style_blue #wd{
	background:#fff;
	border-color:#46b8da!important;
}

#header.style_red .header_top{
	background:red;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#header.style_red #wd{
	background:#fff;
	border-color:#d43f3a!important;
}
/*图标适配*/
.style_red i.fa{color:red;}
.style_yellow i.fa{color:orange;}
.style_green i.fa{color:green;}
.style_blue i.fa{color:#46b8da;}
.search_btn i.fa-search{color:#fff;}
.style_grey .search_btn i.fa.fa-search{color:#ccc;}
 
.style_red .hot{background:red;}
.style_yellow .hot{background:orange;}
.style_green .hot{background:green;}
.style_blue .hot{background:#46b8da;}
.style_grey .hot{background:#f06000;}

.style_red .color{color:red;}
.style_yellow .color{color:orange;}
.style_green .color{color:green;}
.style_blue .color{color:#46b8da;}
.style_grey .color{color:#428bca;}

.style_red .skin,.skin_1{color:#f2dede;}
.style_yellow .skin,.skin_2{color:#fcf8e3;}
.style_green .skin,.skin_3{color:#dff0d8;}
.style_blue .skin,.skin_4{color:#d9edf7;}
.style_grey .skin,.skin_5{color:#428bca;}

.fromico{display:inline-block;width:18px;height:18px;background: transparent url("ico.png") no-repeat scroll 100% 100%;cursor: pointer;}
.ico-youku{background-position: -95px -80px;margin-bottom:-3px;}
.on.ico-youku{background-position: -77px -80px;}
.ico-xigua{background-position: -21px -80px;margin-bottom:-4px;}
.on.ico-xigua{background-position: -3px -80px;}
.ico-sohu{background-position: -58px -61px;margin-bottom:-3px;}
.on.ico-sohu{background-position: -40px -61px;}
.ico-swf{background-position: -97px -61px;margin-bottom:-3px;}
.on.ico-swf{background-position: -76px -61px;}
.ico-xfplay{background-position: -246px -61px;margin-bottom:-3px;}
.on.ico-xfplay{background-position: -228px -61px;}
.ico-tudou{background-position: -172px -61px;margin-bottom:-5px;}
.on.ico-tudou{background-position: -153px -61px;}
.ico-jjvod{background-position: -248px -61px;margin-bottom:-5px;}
.on.ico-jjvod{background-position: -230px -61px;}
.ico-m1905{background-position: -20px -42px;margin-bottom:-3px;}
.on.ico-m1905{background-position: -2px -42px;}
.ico-mgtv{background-position: -59px -41px;margin-bottom:-3px;}
.on.ico-mgtv{background-position: -40px -42px;}
.ico-niba{background-position: -97px -42px;margin-bottom:-5px;}
.on.ico-niba{background-position: -78px -42px;}
.ico-pps{background-position: -134px -42px;margin-bottom:-5px;}
.on.ico-pps{background-position: -116px -42px;}
.ico-pptv{background-position: -172px -42px;margin-bottom:-5px;}
.on.ico-pptv{background-position: -153px -42px;}
.ico-iqiyi{background-position: -209px -42px;margin-bottom:-5px;}
.on.ico-iqiyi{background-position: -190px -42px;}
.ico-qq{background-position: -248px -42px;margin-bottom:-3px;}
.on.ico-qq{background-position: -230px -42px;}
.ico-kankan{background-position: -170px -23px;margin-bottom:-3px;}
.on.ico-kankan{background-position: -152px -23px;}
.ico-le{background-position: -248px -23px;margin-bottom:-3px;}
.on.ico-le{background-position: -229px -23px;}
.ico-funshion{background-position: -57px -23px;margin-bottom:-3px;}
.on.ico-funshion{background-position: -38px -23px;}
.ico-cntv{background-position: -209px -4px;margin-bottom:-3px;}
.on.ico-cntv{background-position: -191px -4px;}
.ico-xunleixz{background-position: -58px -79px;margin-bottom:-3px;}
.on.ico-xunleixz{background-position: -40px -79px;}

/*head*/
.search_btn{width:100px;}
.search_input{width:500px;}
#style_list li a{padding: 3px 5px;}
#wd{width:300px;}
.style_grey #sotype button{background:#000;border-color:#333;color:#9d9d9d;}
.style_grey .open#sotype button{color:#fff;}
.search{position:relative;}
.search .dropdown-menu{top:32px;}
.auto_ul{width:300px;}
.search .dropdown-menu {padding:0;mqrgin:0;}
.auto_ul li a,.history li a,.message li a{border-width:0 0 1px 0;}
.message li  .v_name,.history li  .v_name{width:300px;margin-right:3em;padding-right:0;}
.message li,.history li,.auto_ul li{position:relative;}
.message li .del_msg,.history li .del_his{position:absolute;font-size:1.2em;top:0.2em;right:0.5em;}
.auto_ul li .so_ico{width:18px;float:left;margin-left:-8px;margin-right:3px;}
.del_msg,.del_all,.del_his{cursor:pointer;}

.auto_ul li a .t{max-width:100px;overflow:hidden;}
.user_width{width:300px;height:300px;}
.qqlogin img{
	width:50px;
	height:50px;
	top:0px;
	right:3px;
	position:absolute;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius:100px;
}
.userinfo{top:50px;}
.hplay{width:100%;display:block;overflow:hidden;}
.hplay li{float:left;}
dt .hplay  li {padding-left:10px;}
.hplay li.type{width:10%;overflow:hidden;}
.hplay li.n{width:40%;overflow:hidden;}
.hplay li.c{width:30%;overflow:hidden;}
.hplay li.t{width:20%;text-align:right;overflow:hidden;}

.hplay li a{border-radius:10px;padding:0px 10px;}
.hplay a:hover,.hplay a .h_type:hover,.hplay a:hover .h_type,.hplay li.t a.l i:hover,.hplay li.t a:hover  i{background:#f06000;color:#fff;background:#f06000;color:#fff;padding-top:3px;padding-bottom:3px;}
.hplay li.t a.l i{font-size:1.5em;}
.hplay li.n .h_type{margin-left:8px;padding:1px 3px;font-size:1em;font-weight:700;display:inline-block;}
#userlogin{top:25%;}

input::-webkit-input-placeholder {
	color: #555 !important;
}
input:-moz-placeholder{
color:#555 !important;
}
color::-moz-placeholder {
	color: #555 !important;
}
input:-ms-input-placeholder {
	color: #555 !important;
}

/*索引*/
#filter{background: #fff;padding:2px;}
#filter dt,#filter dd{float:left;text-align:center;margin-bottom:10px;overflow:hidden;padding 0 5px;}
#filter dt span{background: #f1f1f1;color:#333;}
#filter dd a,#filter span{width:90%;margin:0 auto;display:block;padding:5px 0;border-radius: 10px;background: #f1f1f1;color:#777;}
#filter dd a:hover{background:#ddd;color:#f06000;}
#filter dd a.on,.sy dd a.on:hover{background:#f06000;color:#fff;}
.filter{
	height:50px;
	line-height:50px;
	overflow:hidden;
	clear:both;
	position:relative;
	moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.filter .more {
	color:#99acba;
	position:absolute;
	right:5px;
	top:0px;
	display:none;
	cursor:pointer;
}
.filter .more:hover {
	background:none;
	color:#99acba;
	text-decoration:underline;
}
/*top*/
.top_control{float:right;}
.top_control span{
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc ;
	-moz-border-radius: 10%;
	-webkit-border-radius: 10%;
	border-radius:10%;
	min-width:18px;
	padding:2px;
	float:left;
	cursor:pointer;
	background:#f2f2f2;
	margin-left:3px;
	}

.top_control span.on{
	color:#fff;
	}

/*video*/
.video,.videourl{width:100%;padding:0;margin:0;}
.v_pic,.v_info,.v_right,.v_tab,.v_month{float:left;overflow:hidden;padding:0;margin:0;}




.v_pic,.user_v_pic{width:25%;padding:0 10px 10px 0;;float:left;overflow:hidden;}
.user_v_pic{width:20%;}
.v_info{width:71%;overflow:hidden;}
.v_right{width:28%;margin-left:1%;}
.v_type {color:#fff;font-size:14px;}
.v_tab{width:71%;}
.v_month{width:28%;margin-left:1%;}
.v_list{background:#fff;border:1px solid #ccc;border-top:none;overflow:auto;max-height:300px;}
.v_list ul li {float:left;text-align:center;overflow:hidden;}
.v_list ul li a{width:90%;margin:0 auto;display:block;padding:5px 0;border-radius: 10px;background: #eee;color:#777;}
.v_list ul li a:hover,.v_list ul li a.on{background:#f06000;color:#fff;}
#videoplay{background:#111;}
.vplay{width:100%;height:auto;overflow:hidden;position:relative;}
.play_bom{height:0;padding-top:50%;}
.play_left{position:absolute;left:0;top:0;index:1;width:100%;height:100%;background:#000;}
.play_right{position:absolute;right:0;top:0;index:2;width:306px;height:100%;background:transparent;display:none;
}

.play_top{background:#000;overflow:hidden;border-bottom:1px solid #222;}

.pt_l,.pt_c,.pt_r{width:33%;float:left;overflow:hidden;padding:0 10px;}
.pt_c{width:34%;text-align:center;}
.pt_r{text-align:right;}
.pt_r span{cursor: pointer;}

.v_sort i{font-size:1.5em;color:red;}
.user_fav_plus {padding-left:50px;}
.user_fav_plus i{top:-5px;left:3px;cursor:pointer;}

.list_top{
	overflow:hidden;
	border:1px solid #333;
	-moz-border-radius-topleft: 5%;
	-webkit-border-top-left-radius: 5%;
	border-top-left-radius:5%;
	-moz-border-radius-topright: 5%;
	-webkit-border-top-right-radius: 5%;
	border-top-right-radius:5%;
	border-bottom:none;
	background:#111;
	}
.righ_list{height:100%;}
.list_top{min-height:5%;}
.list_bom{height:94.3%;}
.list_top ul li{float:left;width:50%;text-align:center;background:#222;padding: 5px 0;}
.list_top ul li a{width:100%;display:block;}
.list_top ul li.active{background:#111;}
.v_listr{background:#111;
	border-color:#333;
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	border-top-left-radius:0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	border-top-right-radius:0;
	max-height: 100%;
	overflow:hidden;
	overflow-y:auto;

}
.v_listr ul li a{
	background: #333;
	color: #777;
}
.v_listr ul li a.on{
	background: #996600;
	color: #ddd;
}




/*user*/
.user_menu{float:left;width:150px;}
.user_img_bom{padding-top:100%;height:0;}
.v_pic h4 {margin-top:10px;text-align:center;}
.user_info{float:left;overflow:hidden;padding:0;margin:0 0 0 1%;width:79%;}
.fav_bom{margin-top:0.2em;position:relative;}
.fav_set{cursor:pointer;font-size:1.5em;}
.fav_del{cursor:pointer;font-size:1.2em;position:absolute;right:0;}
.msgico{
	-webkit-box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius:100%;
	min-width:18px;
	padding:2px;
	background: red;
	position:absolute;
	right:12px;
	top:0;
}
.style_grey .msgico{/*灰色风格做适配*/
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	}
.msgico_down{
	width:0;
	height:0;
	border-width:10px 5px 0;
	border-style:solid;
	border-color:red transparent transparent;/*红 透明 透明 */
	position:absolute;
	right:15px;
	top:13px;
}

.new{
top:0;left:0;
width: 26px;
height: 30px;
position:absolute;
background: url(new.gif) no-repeat top right;
}
/*comment*/
.comment{width:100%;}
.comm_top{width:100%;}
.comm_top textarea{
	width:100%;height:100px;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius:5px 5px 0 0;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;

}
.comm_sub{
	width:100%;
	border: 1px solid #ccc;
	line-height:30px;
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	-moz-border-radius:0 0 5px 5px;
	position:relative;
	z-index:10;
}
.comm_sub .r{padding-right:5px;}
.comm_but{
	border-radius:0 0 0 3px;
	border-radius:0 0 0 3px;
	-moz-border-radius:0 0 0 3px;
	width:120px;
}
.btn_face{
	border-radius:0 5px 5px 0;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	background:transparent;
}
.btn_face:active {
	border:none;
}
	
.comm_face{position:absolute;z-index:100;top:2px;left:180px;padding:0;}
.comm_face img{cursor:pointer;float:left;}

.style_red .btn_face{border-color:red;}
.style_yellow .btn_face{border-color:orange;}
.style_green .btn_face{border-color:#5cb85c;}
.style_blue .btn_face{border-color:#46b8da;}
.search_btn .btn_face{border-color:#fff;}
.style_grey .btn_face{border-color:#ccc;}
.style_darkblue .btn_face{border-color:#d9534f;}
.comm_bom img{display:inline;}
.comm_img{width:30px;height:30px;float:left;}
.comm_link{float:left;}
.comm_bom li{line-height:30px;}
.comm_name{color:#2B8CE6;}
.comm_rname{color:#2B8CE6;}
.comm_ding,.comm_cai{margin-right:2px;background:transparent;line-height:35px;}
.comm_ding:hover,.comm_cai:hover{font-size:1.2em;}
.comm_time{float:right;font-size:0.8em;}
.comm_reply{margin-top:8px;}
#c_content{border-bottom:none;border-color:#ccc;}
.comm-show-list{
	overflow:hidden;
	padding:10px 0;
	}
.comm-show-l{
	width: 8%;
	overflow: hidden;
	float: left;
	}
.comm-show-l img{
	width:100%;
	height:100%;
	border-radius:5px;
	}
.comm-show-r{
	float:right;
	width:90%;
	z-index:1;
	position:relative;
	}
.comm-arrow{
	width:10px;
	height:15px;
	overflow:hidden;
	margin-top:17px;
	float:left;
	position:absolute;
	background:url(comment-arrow.gif) 0 0 no-repeat;left: -10px;top: -3px;
	}
.comm-arrow-t{
	width:17px;
	height:10px;
	overflow:hidden;
	position:absolute;
	background:url(comment-arrow.gif) -10px 0 no-repeat;top: -9px;
	left:20px;
	z-index:999;
	}
.comm-cont{
	overflow:hidden;
	margin-left:-1px;
	border:1px solid #e3e3e3;
	background:#fff;
	border-radius:4px;
	}
.comm-reply-tab{
	overflow:hidden;
	border:1px solid #e3e3e3;
	background:#FEFEF1;
	border-radius:2px;
	margin-top:-1px;
	-moz-box-shadow: 3px 3px 3px #ccc;
	box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
	}
.comm-reply{
	position:relative;
	width:95%;
	margin:20px auto;
	}
.comm-reply-r{
	float:right;
	width:50%;
	min-width:300px;
	}
.comm-title,.comm-reply-title{
	height:35px; 
	line-height:35px; 
	padding:0px 10px; 
	border-bottom:1px dotted #e3e3e3;
	font-size:1.1em;
	}
.comm-txt{
	padding:5px 10px; 
	line-height:35px; 
	font-size:14px;
	}
.comm-mini-i{
	width:30px;
	height:30px;
	display: inline;
	padding:3px;
}
.comm-even{
	background:#fff;
}



/*ylink*/
.ylink{width:100%;padding:10px 0;background: #E9E8EF;text-align:center;}
.ylink a{display:inline-block;padding:5px 10px;margin:0 10px;}
#footer{text-align:center;padding:0px 0;line-height:30px;background: #E9E8EF;border-top: 1px solid #E0E0E0;}
#footer .footer-bg{padding-top:10px;text-align: center;}
#footer .footer-bg .bg{display:inline-block;height:60px;width:60px;background: transparent url("ico.png") no-repeat -250px -369px;}


@media(min-width: 1200px){
	#main,#menu,.main{width:1200px;margin:0 auto;}
	.box li{margin-left:1%;width:19%;}
	.tbox li{margin-left:0.6%;width:16%;}
	#user{width:1100px;margin:0 auto;}
	#user .box li{margin-left:1%;width:19%;}
	#user .tbox li{margin-left:0.6%;width:16%;}
	#user .container{width:980px;}
}

@media(min-width: 721px){
	#filter dt,#filter dd {width: 60px;}
	.v_list ul li {width:113px;padding: 0 5px;margin:5px;}
}

@media(max-width: 1200px){
	.box li{width:32%;margin-left:1%;}
	.tbox li{width:24%;margin-left:1%;}
}
@media(max-width: 1024px){
	.tbox li{width:32%;margin-left:1%;}

}
@media(max-width: 720px){
	#filter dt,#filter dd,.v_list ul li{width: 18%;margin:1%;padding:1%;}
	.v_right{display:none;}
	.v_info{width:100%;margin:0;}
	.v_month{display:none;}
	.v_tab{width:100%;}
}



#menu1{width:890px;margin:0 auto;}