#video-banner{height:443px;background:#85c226}
#video-banner .st-grid{position:relative;}
#video-banner  li a h3{position:absolute;bottom:0;line-height:30px;background:#555;background:rgba(0,0,0,0.7);color:#fff;width:100%;text-align:center;font-size:15px}
#video-banner .pos_2{position:absolute;top:0;left:380px}
#video-banner .pos_2 a{display:block;position:relative;height:220px;width:388px;overflow:hidden}
#video-banner  li.pos_2 a h3{background:rgba(0,0,0,0.5)}
#video-banner .pos_3{position:absolute;bottom:0;left:380px}
#video-banner .pos_4 a{display:block;position:relative;height:220px;width:232px;overflow:hidden}
#video-banner .pos_4{position:absolute;top:0;right:0}
#video-banner .pos_5{position:absolute;bottom:0;right:0}
#video-banner  li.pos_5 a h3{background:rgba(0,0,0,0.5)}


#video-list .floor{padding:25px 0  30px}
#video-list .hd{background:url(../img/vf_bg_1.jpg) left no-repeat;padding-left:62px;height:62px;line-height:31px;position:relative;}
#video-list .hd h2{border-bottom:1px dashed #c2e092;font-size:18px;line-height:28px;padding:3px 10px 0 10px;font-size:20px;color:#85c226 }
#video-list .hd p{padding-left:10px;line-height:22px;color:#c2e092}
#video-list .tabs{position:absolute;right:0;top:0}

#video-list .tabs li{float:left}
#video-list .tabs li a{display:block;width:117px;margin-left:1px;line-height:32px;background:#c4df9b;color:#6c6c6c;text-align:center}
#video-list .sub-category{float:right;margin:-20px 0 0 0;position: relative;;z-index:100}
#video-list .sub-category li{float:left;padding-left:10px;color:#9f9f9f;line-height:25px}
#video-list .sub-category li a{color:#9f9f9f}
#video-list .bd{margin-top:30px}
#video-list .bd ul{float:left}
#video-list .bd ul li{float:left;width:206px;text-align:center;position:relative}
#video-list .bd ul li .desp{padding:5px 0 10px 0;line-height:20px;color:#b7b7b7}
#video-list .bd ul li .title h6{color:#545454;font-size:14px}
#video-list .bd ul.hot{width:380px;}
#video-list .floor_1 ul.rgt{width:620px}
#video-list .bd ul.hot li {width:380px;text-align:center;overflow:hidden}
#video-list .bd ul.hot li .desp{height:56px;background:rgba(0,0,0,0.6);position:absolute;bottom:0;width:100%;padding:0}
#video-list .bd ul.hot li .desp p{width:304px;line-height:20px;padding:6px 10px}
#video-list .bd ul.hot li .desp a{position:absolute;right:0;display:block;width:56px;background:url(../img/v_more.jpg);height:56px;top:0}
#video-list .floor_2{background:#f8efe6}
#video-list .floor_2 ul.lft{width:620px}
#video-list .floor_2 .tabs a{background:#eea729;color:#fff}
#video-list .floor_2 .hd{background-image:url(../img/vf_bg_2.jpg);}
#video-list .floor_2 .hd h2{color:#eea729;border-color:#eea729}
#video-list .floor_2 .hd p{color:#f3cd9a}

#video-list .floor_3 ul.lft{width:206px}
#video-list .floor_3 ul.rgt{width:412px}
#video-list .floor_3 .tabs a{background:#21abdc;color:#fff}
#video-list .floor_3 .hd{background-image:url(../img/vf_bg_3.jpg);}
#video-list .floor_3 .hd h2{color:#21abdc;border-color:#21abdc}
#video-list .floor_3 .hd p{color:#ceecf8}

#video-list .floor_4{background:#edf5e1;margin-bottom:20px}
#video-list .floor_4 ul.rgt{width:206px}
#video-list .floor_4 ul.lft{width:412px}
#video-list .floor_4 .tabs a{background:#00acaa;color:#fff}
#video-list .floor_4 .hd{background-image:url(../img/vf_bg_4.jpg);}
#video-list .floor_4 .hd h2{color:#00acaa;border-color:#00acaa}
#video-list .floor_4 .hd p{color:#76d0c5}


#video-view .topBg{padding: 8px 0 20px; background: #dfedbd;}
#video-view .location{font-size: 12px; line-height: 22px; color: #333;}
#video-view h1{font-size: 18px; line-height: 28px; margin: 8px 0 0;}
#video-view .vdoArea{height: 540px; background: #2b2b2b; margin: 15px 0 0;}
#video-view .social{height: 50px; background: #fff;}
#video-view .social .havePlay{float: right; line-height: 50px; font-size: 14px; color: #666; padding-right: 28px;}
#video-view .social .like{float: left; *display: inline; height: 50px; background: url(../img/rl.gif) no-repeat right center;}
#video-view .social .like .btn{display: block; height: 50px; line-height: 50px;  padding: 0 20px;color: #666;}
#video-view .social .like .btn i{display: inline-block; width: 20px; height: 22px; background: url(../img/like.gif) no-repeat; margin: 14px 14px 0 0; vertical-align: top;}
#video-view .social .haveLike .btn{color: #ff7800;}
#video-view .social .haveLike .btn i{background-position: right top;}
#video-view .social .haveLike .btn:hover{color: #ff7800;}
#video-view .social .like .btn:hover, #video-view .social .like .btn_havelike{text-decoration: none; color: #ff7800;}
#video-view .social .like .btn_havelike{cursor: default;}
#video-view .social .like .btn:hover i, #video-view .social .like .btn_havelike i{background-position: right top;}
#video-view .social .fx, #video-view .social .sjk{ *display: inline; float: left; position: relative;}
#video-view .social .fx .btn{display: block; width: 120px; height: 50px; background: url(../img/fx.gif) no-repeat;}
#video-view .social .fx .xShareBox{display:none; width: 270px; padding-left: 15px; height: 80px; border: 1px solid #d9d9d9; box-shadow: 0 0 2px #eee; background: #fff;position: absolute; left: 0; top: 50px;}
.xShareBox .bdshare-button-style1-32 a{width: 56px; line-height: 56px; height: 56px; background: url(../img/shareicon.png) no-repeat; margin: 12px 10px 0 0;}
.xShareBox .bdshare-button-style1-32 .bds_weixin{background-position: 0 0;}
.xShareBox .bdshare-button-style1-32 .bds_sqq{background-position: -66px 0;}
.xShareBox .bdshare-button-style1-32 .bds_tsina{background-position: -133px 0;}
.xShareBox .bdshare-button-style1-32 .bds_qzone{background-position: -199px 0;}


#video-view .social .sjk .btn{display: block; width: 120px; height: 50px; background: url(../img/sjk.gif) no-repeat;}
#video-view .social .sjk .ewm{display:none; width: 146px; height: 156px; border: 1px solid #d9d9d9; box-shadow: 0 0 2px #eee; background: #fff; position: absolute; left: 0; top: 50px;}
#video-view .social .sjk .ewm img{display: block; width: 100px; height: 100px; margin: 13px auto 0;}
#video-view .social .sjk .ewm span{display: block; font-size: 14px; line-height: 24px; text-align: center; margin: 6px 0 0;}
#video-path{line-height:50px;background:#dfedbd}
#video-path p{padding-left:35px;background:url(../img/video_path.gif) left center no-repeat;border-bottom:1px solid #85c226}
#video-view .realVideo{width: 720px; height: 540px; overflow: hidden;}
#video-view .vdoArea .list{width: 280px; float: right; height: 540px; background: #363636; position: relative;}
#video-view .vdoArea .list h2{color: #fff; font-size: 18px; line-height: 28px; margin: 20px 0 0; font-weight: normal; padding: 0 0 0 10px;}
#video-view .vdoArea .list p{font-size: 12px; color: #fff; line-height: 22px; padding: 0 0 0 10px;}
#video-view .vdoArea .list .listBox{ overflow: auto; height: 450px;}
#video-view .vdoArea .list .listBox::-webkit-scrollbar {width: 15px;height: 450px; background: #818181;}
#video-view .vdoArea .list .listBox::-webkit-scrollbar-thumb{background: #4b4b4b url(../img/sb.gif) no-repeat center;}
#video-view .vdoArea .list ul li{padding: 8px 10px; border-bottom: 1px solid #3c3c3c; }
#video-view .vdoArea .list ul li a{display: block; height: 53px; color: #fff;}
#video-view .vdoArea .list ul li a:hover, #video-view .vdoArea .list ul .playing a{text-decoration: none;}
#video-view .vdoArea .list ul li img{width: 93px; height: 62px; float: left; margin: 1px 6px 1px 1px;}
#video-view .vdoArea .list ul li a:hover h3, #video-view .vdoArea .list ul .playing a h3,  #video-view .vdoArea .list ul .playing .count, #video-view .vdoArea .list ul li a:hover .count{color: #ff7800;}
#video-view .vdoArea .list ul li a:hover img, #video-view .vdoArea .list ul .playing a img{border: 1px solid #ff7800; margin: 0px 5px 0px 0px;}
#video-view .vdoArea .list ul li h3{font-size: 12px; line-height: 16px; height: 32px; overflow: hidden;}
#video-view .vdoArea .list ul li .count{font-size: 10px; line-height: 20px; margin: 9px 0 0; display: block;}
#video-view .vdoArea .list ul li .count i{display: inline-block; vertical-align: top; background: url(../img/play.png) no-repeat; width: 12px; height: 12px; margin: 4px 3px 0 0;}
#video-view .vdoArea .list ul .playing .count i, #video-view .vdoArea .list ul li a:hover .count i{background-position: left bottom;}
#video-view .summary {margin:15px auto  0}
#video-view .summary .sumBox{background: #f7f7f7; padding: 10px; }
#video-view .summary h2{font-size: 20px; line-height: 50px; color: #333; font-weight: normal;  padding-left: 15px;  }
#video-view .summary h3{font-size: 16px; line-height: 28px; color: #333; font-weight: normal; height: 28px;}
#video-view .summary h3 span{color:#fff;background:#85c226;padding:5px}
#video-view .summary .box1, #video-view .summary .box2{display:none; margin: 10px 0 0;}
#video-view .summary p{font-size: 14px; line-height: 28px;}
#video-view .summary .sx{height: 36px; font-size: 12px; line-height: 36px; color: #767676; text-align: center; border-top: 1px solid #85c226; display: block; margin: 10px 0 0;}
#video-view .summary .sx:hover{text-decoration: none;}

#video-view .relatedVideo{margin: 25px 0 ;}
#video-view .relatedVideo h2{font-size: 20px; line-height: 50px; color: #333; font-weight: normal; padding-left: 15px;color:#71ad14;border-bottom:1px dashed #71ad14;margin-bottom:28px}

.video-slide{position: relative;  padding: 0 0 28px 0; overflow: hidden;}
.video-slide .video-slide-in{overflow: hidden; width: 940px; height: 318px; margin: 0 auto; position: relative;}
.video-slide .video-slide-in {width: 850px; margin:0 auto; overflow: hidden; position: relative;}
.video-slide .video-btn{cursor: pointer; display: none;}
.video-slide .video-slide-in  .item{width: 150px; float: left; position: relative; margin: 24px 16px 0 0;}
.video-slide .video-slide-in  .item a{display: block;padding:5px}
.video-slide .video-slide-in  .item a:hover{color: #333; text-decoration: none;}
.video-slide .video-slide-in  a:hover{background:#c4df9b}
.video-slide .video-slide-in  .item .zz{ position: absolute; top: 0px; left: 0; background: url(../img/video_mask.png) center 20px no-repeat; color:#fff; height: 150px; width: 100%;display:none}
.video-slide .video-slide-in  .item a:hover .zz{display:block}
.video-slide .video-slide-in  .item img{width:140px; height: 94px; display: block;}
.video-slide .video-slide-in  .item span{display: block; font-size: 12px; line-height: 16px; height: 32px; margin: 8px 0 0;}
.video-slide .video-btn{display:block;background:url(../img/video_rgt.jpg) center no-repeat;height:318px;width:23px;position:absolute;right:0;top:0}
.video-slide .btn-pre{display:block;background:url(../img/video_lft.jpg) center no-repeat;height:318px;width:23px;position:absolute;left:0;top:0}

#video-show{margin:10px auto 30px}
.col .bd { width: 1000px; overflow: hidden; }
.selectbox{border-bottom:4px solid #e6e6e6;padding-bottom:8px;}
.sel{float:left;}
.sel1{width:520px;}
.sel2{width:130px;}
.sel3{width:260px;}
.sel4{width:90px;}
.sel h5{background:#f5f5f5;height:28px;}
.sel h5 span{line-height:;line-height:28px;background:#6eb92b;color:#fff;padding:0 10px;display:inline-block;height:28px;font-size:14px;}
.sel ul{padding-top:8px;}
.sel ul li{line-height:28px;}
.sel ul li span{margin-right:10px;float:left;display:inline;color:#000;font-weight:bold;}
.sel ul li .sp{padding-left:1em}
.sel ul li a{margin-right:10px;}
.sel ul li .selected{background:#6eb92b;color:#fff;padding: 1px;}
.sel ul li .libd{overflow:hidden;*zoom:1}

.piclist{width:1300px;}
.piclist li{float:left;display:inline;width:225px;margin-right:33px;margin-top:20px;font-size:14px;}
.piclist .special a{display:block;position:relative;color:#fff;}
.piclist .special a:hover{color:#6eb92b;}
.piclist li img{display:block;width:225px;height:150px;}
.piclist .special img{height:280px;}
.piclist li .tit{width:215px;height:42px;padding:4px 5px;background:#f2f2f2;}
.piclist .special .tit{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#CC000000', endColorstr='#CC000000');background:rgba(0,0,0,0.8);_background:#000;_filter:alpha(opacity=80);position:absolute;bottom:0;left:0;}
.piclist li p{line-height:22px;height:22px;overflow:hidden;}
.piclist li span{display:block;background:url(http://static.mama.cn/mama/images/vedio/icons_01.png) no-repeat 0 -393px;padding-left:20px;line-height:20px;font-size:12px;color:#909090;}
.piclist .special span{background-position:0 -626px;color:#fff;}