/********************************************
 *
 * 文件注释，说明文件名称和文件所包含内容
 * @file tabCarousel.less
 * @author shangwenhe
 * @create time 2015年06月15日16:04
 * @version {版本信息}  v0.0.1
 *
 * ////////////////////////////////////////
 *
 * @require 'autoDetail:widget/tabCarousel/tabCarousel.less'
 * @describe  描述文件
 * @Modification time
 *
************************************************/

div.onelineScroll {
    height: 200px;
    position: relative;
    .mod-content {
        position: relative;
    }
    .recmdArea {
        height: 180px;
        width: 1150px;
        #recmdList {
            width: 1235px;
        }
    }
    .item {
        padding: 0;
        margin: 0;
        width: 195px;
        .item-title {
            .sub-title {
                height: 1em;
                width: 100%;
                overflow: hidden;
                padding-bottom: 5px;
            }
        }
    }
    .tabLeft {
        left: 0;
        .mask {
            background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, .8)), to(rgba(225, 225, 225, 0)));
            background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .8), rgba(225, 225, 225, 0));
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#80000000', endColorstr='#00ffffff');
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#80000000', endColorstr='#00ffffff');
        }
        .leftCtrl {
            position: absolute;
            left: -46px;
            top: 32%;
            height: 56px;
            width: 36px;
            background: url("onelineScroll.png") no-repeat left top;
            opacity: .6;
            &:hover {
                background-position: left bottom;
            }
        }
    }
    .tabLeft,
    .tabRight {
        display: none;
        position: absolute;
        top: 57px;
        *top: 74px;
        height: 80px;
        .mask {
            width: 80px;
            height: 98px;
        }
    }
    .tabRight {
        right: 0;
        _right:22px;
        .mask {
            background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(225, 225, 225, 0)), to(rgba(0, 0, 0, .8)));
            background-image: -moz-linear-gradient(left, rgba(225, 225, 225, 0), rgba(0, 0, 0, .8));
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#00ffffff', endColorstr='#80000000');
            -ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#00ffffff', endColorstr='#80000000');
        }
        .rightCtrl {
            position: absolute;
            right: -46px;
            top: 32%;
            height: 56px;
            width: 36px;
            background: url("onelineScroll.png") no-repeat right top;
            opacity: .6;
            &:hover {
                background-position: right bottom;
            }
        }

    }
}
html div.videoDisplay{
    height: auto;
    .recmdArea{
        height: auto;
    }
}
/********************************************
  * 
  * 文件注释，说明文件名称和文件所包含内容 
  * @fileName onelineScroll.css
  * @author shangwenhe
  * @create time 2014年12月09日 10:37 
  * @version {版本信息}  v0.0.1
  *
  * ////////////////////////////////////////
  *
  * @describe  w1280 在mac下的样式修整
  *
************************************************/

.w1280 {
    div.onelineScroll {
        .tabLeft {
            .leftCtrl {
                left: 5px;
            }
        }
        .tabRight {
            .rightCtrl {
                right: 5px;
            }
        }
    }
}
/********************************************
  * 
  * 文件注释，说明文件名称和文件所包含内容 
  * @fileName onelineScroll.css
  * @author shangwenhe
  * @create time 2014年12月09日 10:39 
  * @version {版本信息}  v0.0.1
  *
  * ////////////////////////////////////////
  *
  * @require
  * @describe  在窄屏的状态下
  *
************************************************/

.w1024 {
    div.onelineScroll {
        .recmdArea {
            width: 980px;
            #recmdList {
                width: 1000px;
            }
        }
        .item {
            width: 185px;
        }
        .tabLeft {
            .leftCtrl {
                left: 5px;
            }
        }
        .tabRight {
            .rightCtrl {
                right: 5px;
            }
        }
    }
}