Web/Css/video.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

@charset "utf-8";
/* CSS Document */
.sum{width:990px; height:auto; float:left}
.video_center{width:990px; height:auto; float:left}
.video_display{width:175px; height:auto; float:left; margin-left:5px; display:inline}
.video_thumbnail{width:173px; height:96px; float:left; background:url(../images/video_bg.jpg) no-repeat; margin-top:2px}
.video_thumbnail img{ float:left; margin:4px 0px 0px 4px}
.video_play{width:549px; height:auto; float:left;}
.pitchon{width:12px; height:auto; float:left; position:relative;}
.pitchon img{position:absolute; left:0px; top:30px}
.player{width:533px; height:294px; float:left; background:url(../images/video_08.jpg) no-repeat; margin-left:11px; display:inline}

/* 行切换样式 */
.cut{width:259px; min-height:221px; height:auto !important; height:221px; float:left;border:1px solid #dddddd; border-top:none; margin-top:0px; clear:both;}
.hide {display: none}
.cut .tabcon{width:249px; height:auto; float:left !important; float:right; margin-left:10px; margin-top:30px; text-align:left; display:inline}
.cut .tabcon li{padding: 8px 5px; line-height: 25px; height: 23px;width:229px;float: left;  overflow: hidden; border-bottom:#cccccc 1px dashed; cursor:pointer; display:inline;}
.cut .tabcon li a{ color:#666666}
.cut .tabcon span {padding-right:10px;float: left; color:#999999;}
.cut .tabcon .p-img {display: none; float: left;margin: 0px 5px 5px 0px; border:1px solid #cccccc; padding:1px}
.cut .tabcon .p-img img{float:left}
.cut .tabcon .p-name {float: left; height: auto; overflow:hidden; word-wrap:break-word; word-break:break-all;}
.cut .tabcon .p-price {width:80px; height:auto; float:left; margin-top:10px; display: none;}
.cut .tabcon .p-price span{color:#bbbbbb; padding:0px}
.cutM .tabcon .fore {line-height: 15px; height:77px;padding:11px 5px; float:left}
.cut .tabcon .fore {line-height: 15px; height:75px;padding:11px 5px; float:left}
.cut .tabcon .fore a{ color:#00a0e9}
.cut .tabcon .fore .p-img {display: block}
.cut .tabcon .fore .p-price {display: block}

.playlist .tabcon .fore { width:90px; height:auto; float:left}
.cellM{width:80px; height:auto; float:left}
.cell{width:150px; height:auto; float:left}

.brand{width:985px; height:auto; float:left; margin:6px 0px 10px 5px; display:inline}
.brand img{ float:left}
.video_layer{width:715px; height:auto; float:left; margin-left:5px; display:inline}
.video_tab{width:715px; height:30px; float:left;background:url(../images/video_58.gif) repeat-x #f4f4f4;}
.video_cut{width:713px; height:26px; float:left;  border:1px solid #dddddd; background:url(../images/video_38.gif) no-repeat 1px 1px; }
.video_cut ul{ margin:3px 0px 0px 15px;}
.video_cut ul li{ float:left; width:80px; height:25px; line-height:25px; text-align:center;}
.video_cut ul li span{ background:url(../images/video_46.jpg) no-repeat left center; padding-left:8px; color:#919191; cursor:pointer; text-decoration:underline}
.video_cut ul li span a{ color:#B6B6B6;}
.tag{width:715px; height:auto; float:left;}
.current{width:80px;background:#ffffff; border:1px solid #e4e4e4; border-bottom:none; }
.deM{ width:80px; background:none; border:none;}
.de{ width:80px; background:none; border:none;color:#B6B6B6;}
.de a:link{ color:#B6B6B6; text-decoration:none;}
.de a:hover{ color:#FF3E00;text-decoration:none;}
.video_cut ul .current span{ color:#008ee8;background:url(../images/video_49.jpg) no-repeat left center; text-decoration:none}
.video_cut ul .current span a{ color:#008EE7;}
.video_page{float:right; text-align:right; margin:5px 10px 0px 0px; display:inline}
.video_up{background:url(../images/video_41.jpg) no-repeat left center; padding-left:10px}
.video_down{background:url(../images/video_43.jpg) no-repeat right center; padding-right:10px}
.video_evaluate{width:715px; height:auto; float:left; margin-top:30px; border-bottom:1px dashed #bababa; padding-bottom:30px}
.video_pic{width:195px; height:135px; float:left; padding:1px; border:1px solid #d3d3d3;position:relative;list-style-type:none;}
.video_pic span{position:absolute;bottom:-1px;left:0px; cursor:pointer}
.video_pic img{ float:left}
.video_assess{width:464px;height:auto;float:left; margin:0px 0px 0px 30px}
.video_assess strong{ font-size:16px; font-weight:bold;}