/* CSS click different color to image */


.tifont {font-size:16px;color:#104E7D; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-left:20px;}
.scrollimages img {border: 0px solid rgb(153, 153, 153);margin-left:2px;}
.smaimages img {border: 0px solid rgb(153, 153, 153);margin-top:20px;}
.allimages {border:1px dotted ;margin-left:20px; width:610px; height:700px}


/* CSS start play more videos */

        .all {
            width: 1360px;  /*the width is four videos width and margins width  这个宽度为四个视频的宽度，一个视频宽度为336px， 336*4=1344,加视频与视频之间的空隙  */
            height: 560px;　/* 当此高度设置小于实际视频高度，则实际视频高度超出的部分将不显示（可能视频自带的播放按钮显示不出来） */
            padding: 7px;
            border: 1px solid #ccc;
            margin-top: 10px;
			margin-bottom:10px;
            position: relative;
        }
 
        .screen {
            width: 1360px; /*the width is three videos width and margins width    */
            height: 560px;
            overflow: hidden;
            position: relative;
        }
 
        .screen li {
            width: 1360px; /*the width is three videos width and margins width    */
            height: 560px;
            overflow: hidden;
            float: left;
        }
 
        .screen ul {
            position: absolute;
            left: 0;
            top: 0px;
            width: 5000px;  /*the width show all videos width, 这个宽度为放所以视频的盒子，可以无限大     */
        }
 
        .all ol {
            position: absolute;
            right: 10px;
            bottom: 10px;
            line-height: 20px;
            text-align: center;
        }
 
        .all ol li {
            float: left;
            width: 20px;
            height: 20px;
            background: #fff;
            border: 1px solid #ccc;
            margin-left: 10px;
            cursor: pointer;
        }
 
        .all ol li.current {
            background: yellow;
        }
 
        #arr {
            display: none;
            z-index: 1000;
 
        }
 
        #arr span {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            background: #000;
            cursor: pointer;
            line-height: 40px;
            text-align: center;
            font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
            font-size: 30px;
            color: #fff;
            opacity: 0.3;
            border: 1px solid #fff;
        }
 
        #arr #right {
            right: 5px;
            left: auto;
        }
 /* CSS end play more videos */
 
 
 
 
 /* CSS start of play more images */
 #videos{
 position: relative;
 margin-left:80px;
}

#left-btn{
            width: 30px;
            height: 30px;
            position: absolute;
            left: 5px;
            top: 50%;
            margin-top: -20px;
            background: #000;
            cursor: pointer;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
            font-family:Arial, Helvetica, sans-serif;
            font-size: 30px;
            color: #fff;
            opacity: 0.3;
            border: 1px solid #fff;
        }
  #right-btn{
           width: 30px;
            height: 30px;
            position: absolute;
            right: 5px;
            left: 1235px;
			top: 50%;
			margin-top: -20px;
            background: #000;
            cursor: pointer;
            line-height: 30px;
            text-align: center;
            font-weight: bold;
			font-family:Arial, Helvetica, sans-serif;
            font-size: 30px;
            color: #fff;
            opacity: 0.3;
            border: 1px solid #fff;
        }
 /* CSS end of  play more images */