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

.canScrollItems {
    position: relative;
    .bd{
        height:315px;
        width:1235px;
        overflow:hidden;
        .tab-block{
        width:1235px;
        overflow:hidden;
            .item{
                padding:0;
            }
            .scrollItems{
                height:315px;
                width:195px;
                float:left;
                *position:relative;
            }
        }
	}
}
.wideSroll{
	position:relative;
	.tabLeft,
    .tabRight{
		display:none;
		position:absolute;
		top:57px;
		height:260px;
		.mask{
			width:80px;
			height:257px;
		}

	}
	.tabLeft{
		left:0;
		.mask{
			background-image: -webkit-gradient(linear,0 0,100% 0,from(rgba(0,0,0,.5)),to(rgba(225,225,225,0)));
			background-image: -moz-linear-gradient(left,rgba(0,0,0,.5),rgba(225,225,225,0));
			filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#50000000', endColorstr='#00ffffff');
			-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#50000000', endColorstr='#00ffffff');
		}
		.leftCtrl{
			-webkit-transition: left .3s ease-in-out;
			-moz-transition: left .3s ease-in-out;
			transition: left .3s ease-in-out;
			position:absolute;
			left:-46px;
			top:37%;
			height:56px;
			width:36px;
			background:url("bottom_topList.png") no-repeat left top;
			&:hover{
				background-position:left bottom;
			}
		}
	}
	.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,.5)));
			background-image: -moz-linear-gradient(left,rgba(225,225,225,0),rgba(0,0,0,.5));
			filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#00ffffff', endColorstr='#50000000');
			-ms-filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#00ffffff', endColorstr='#50000000');
		}
		.rightCtrl{
			-webkit-transition: left .3s ease-in-out;
			-moz-transition: left .3s ease-in-out;
			transition: left .3s ease-in-out;
			position:absolute;
			right:-46px;
			top:37%;
			height:56px;
			width:36px;
			background:url("bottom_topList.png") no-repeat right top;
			&:hover{
				background-position:right bottom;
			}
		}
	}

}



/********************************************
  * 
  * @author shangwenhe
  * @create time 2014年12月09日 10:21 
  *
  * ////////////////////////////////////////
  *
  * @describe  w1280 在mac下的样式修整
  * 
************************************************/
.w1280{
	.wideSroll{
		.tabLeft{
			.leftCtrl{
				left:5px;
			}
		}
		.tabRight{
			.rightCtrl{
				right:5px;
			}
		}

	}
	
}



.w1024{
	.canScrollItems .bd{
		height:315px;
		width:1000px;
		overflow:hidden;
		.tab-block{
			width:1000px;
			overflow:hidden;
			.item{
				padding:0;
			}
			.scrollItems{
				height:315px;
				width:185px;
			}
		}
	}
	.wideSroll{
		.tabLeft{
			.leftCtrl{
				left:5px;
			}
		}
		.tabRight{
			.rightCtrl{
				right:5px;
			}
		}

	}
}

.wideSroll{
    #cartoonShowHheatre{
        .mod-content{
            height:371px;
        
        }
		.tabLeft,
        .tabRight{
			height:235px;
			.mask{
				width:80px;
				height:235px;
			}

		}
	}
}
/* 可滚动 横图版 */
.wideSroll {
	.short-modoule {
		.canScrollItems  .bd {
			height: 156px;
		}
		.tabLeft,
        .tabRight {
			height: 100px;
			width: 86px;
			top: 37px;
			 .mask {
				height: 100%;
				width: 100%;
			}
			.leftCtrl,
            .rightCtrl {
				top: 22%;
			}
		}
	}
}