视频列表移除图片

css/global.css

@@ -3575,25 +3575,33 @@ border:none
 .video-mini-list{
   float:left;
   margin:0;
+  width:240px;
 }
 .video-mini-list h1{
   border-color:#ff6501;
+  margin-bottom:5px;
+  padding:0 0 10px 0;
+  border-bottom:1px solid #ccc;
 }
 .video-mini-list ul{
   height:646px;
   width:242px;
   overflow-y: scroll;
   overflow-x: hidden;
-  white-space: nowrap;
 }
 .video-mini-list ul li{
-  margin:0 0 10px 0;
-  border:1px solid #ccc;
+  padding:10px 5px;
+  border-bottom:1px solid #ccc;
+  width:210px;
+}
+
+.video-mini-list ul li a{
 }
 .video-mini-list ul li.active{
-  border:1px solid #ff6501;
-  background:#ff6501;
-  color:#fff;
+  background:#f2f2f2;
+}
+.video-mini-list ul li.active a{
+  color:#ff6501;
 }
 .video-mini-list ul li.active .videoCon{
   display:none;

video2.html

@@ -33,55 +33,25 @@
 					<h2>透过纵横案例学公路新定额</h2>			
 					<div class="softVideo">
 						<!--教程的视频列表-->
-						<div class="videoItem video-mini-list">
+						<div class="video-mini-list">
 							<h1>本教程包含5个视频</h1>
 							<ul class="clearfix">
 								<li>
-									<img src="img/video.png">
-									<h3>横V9特点动画教程完整版</h3>
-									<div class="videoCon">
-										<span class="playBtn"><b></b>播放</span><!-- 
-										<span href="#" class="downBtn"><b></b>下载</span> -->
-									</div>
+									<a href="#">横V9特点动画教程完整版横V9特点动画教程完整版横V9特点动画教程完整版</a>
 								</li>
 								<li class="active">
-									<img src="img/video.png">
-									<h3>纵横V9特点动画教程完整版</h3>
-									<div class="videoCon">
-										<span class="playBtn"  data-toggle="modal" href="#myModal"  data-keyboard="false" data-backdrop="ture"><b></b>播放</span><!-- 
-										<span href="#" class="downBtn"><b></b>下载</span> -->
-									</div>
+									<a href="#">纵横V9特点动画教程完整版</a>
 								</li>
 								<li>
-									<img src="img/video.png">
-									<h3>纵横V9特点动画教程完整版</h3>
-									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span><!-- 
-										<span href="#" class="downBtn"><b></b>下载</span> -->
-									</div>
-								</li>
-								<li>
-									<img src="img/video.png">
-									<h3>纵横V9特点动画教程完整版</h3>
-									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span><!-- 
-										<span href="#" class="downBtn"><b></b>下载</span> -->
-									</div>
-								</li>
-								<li>
-									<img src="img/video.png">
-									<h3>纵横V9特点动画教程完整版</h3>
-									<div class="videoCon">
-										<span href="#" class="playBtn"><b></b>播放</span><!-- 
-										<span href="#" class="downBtn"><b></b>下载</span> -->
-									</div>
+									<a href="#">纵横V9特点动画教程完整版</a>
 								</li>
 							</ul>
 						</div>
 						<!--当前播放视频-->
 						<div class="video-view">
 							<h2>纵横V9特点动画教程完整版</h2>
-							<span>因文件大小或网络问题，需要一定时间加载视频，请耐心等候！您也可以><a href="" target="_blank">直接下载</a><本视频教程。</span>
+							<p style="padding-left:20px">介绍内容</p>
+							<p style="padding-left:20px">因文件大小或网络问题，需要一定时间加载视频，请耐心等候！您也可以><a href="" target="_blank">直接下载</a><本视频教程。</p>
 								<div class="videoItem">
 									<!--视频代码-->
 									<video width="778" height="640" controls="controls">