css improve for player page

themes/beauty/views/site/player.php

@@ -28,7 +28,7 @@
 
 
 <div class="row">
-    <div class="col col-md-9">
+    <div class="col col-md-8">
         <div class="videoplayer">
             <video
                 data-id="<?php echo $viewData['videoId']; ?>"
@@ -52,7 +52,7 @@
             </div>
         </div>
     </div>
-    <div class="col col-md-3 morevideos">
+    <div class="col col-md-4 morevideos">
         <hr class="visible-xs">
         <div class="btn_autoplay">
             自动播放
@@ -72,7 +72,7 @@
 </div>
 
 <script type="text/template" id="template_video_item">
-    <div class="im_item col-xs-6 col-md-12">
+    <div class="im_item col-xs-6">
         <a href="{videoUrl}" class="bor_radius" title="{title}">
             <img src="/img/beauty/video_snap.jpg" class="bor_radius im_img video-poster" id="poster_{videoId}"
                 data-video-id="{videoId}"

www/css/beauty.css

@@ -138,6 +138,8 @@ a:link{text-decoration:none}
 .duration{position:absolute;left:5px;bottom:5px;background-color:#222;padding:0 3px;opacity:0.7;border-radius:3px;font-size:12px;color:#FFF}
 .video_previewer{display:none;position:fixed;right:4px;bottom:4px;width:200px;height:112px;overflow:hidden;z-index:1000}
 
+.othervideos{max-height:560px;overflow-y:auto}
+
 .mt-2{margin-top:2em}
 .mt-1{margin-top:1em}
 .mr-1{margin-right:1em}
@@ -166,6 +168,7 @@ a:link{text-decoration:none}
 
     .pagination>li>a, .pagination>li>span{padding:3px 7px}
     .videotitle{max-width:52%}
+    .othervideos{max-height:inherit}
 }
 
 @keyframes musicTurn {