body {
	padding:0;
	margin: 0;
	min-width:1280px;
	color:#999999;
	background-color:#181818; 
	background-attachment: fixed;
}
.top_container{
	background-image: url('./../Images/bg_ujigen_top.gif');
	height:60px;
	width:100%;	
	display: block;
	overflow-x: hidden;
}
.slideshow_container{
	width: 100%;
	height: 500px;
	overflow: hidden;
	background-color: #101010;
}
.recommend_user_container{
	width: 100%;
	height: 120px;
	overflow: hidden;
	margin-top:50px;
	background: url('./../Images/LT/2016/second_top.jpg') repeat center;
}
.canola_data_container{
	width: 100%;
	height: 903px;
}
.canola_data_container>.title{
	width: 100%;
	height: 133px;
	overflow: hidden;
}
.canola_data_container>.title>.box{
	width: 548px;
	height: 133px;
	overflow: hidden;
	margin: 0 auto;
}
.canola_data_container>.title>.box>.image{
	width: 403px;
	height: 133px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.canola_data_group_title1{
	background:  url('./../Images/title1.png') no-repeat right;
}
.canola_data_group_title2{
	background:  url('./../Images/title3.png') no-repeat right;
}
.canola_data_group_title3{
	background:  url('./../Images/title4.png') no-repeat right;
}
.role_data_group_title{
	background:  url('./../Images/title5.png') no-repeat right;
}
.canola_data_container>.title>.box>a>.btnMore{
	width: 126px;
	height: 36px;
	line-height: 36px;
	border: 2px solid #987600;
	font-size: 16px;
	font-family: 'Microsoft Yahei';
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	float: left;
	color: #ebb400;
	text-align: center;
	margin-top: 48px;
}
.canola_data_container>.title>.box>a>.btnMore:hover{
	color: #181818;
	background-color: #ebb400;
	border: 2px solid #ebb400;
}
.canola_data_container>.body{
	width: 100%;
	height: 760px;
	overflow: hidden;
	margin-bottom: 20px;
}
.canola_data_container>.body .right_side_panel{
	float:right;
	height:760px;
	display: flex;
	display: -webkit-flex; /* Safari */
	flex-direction: column;
	background-color:#181818;
}
.canola_data_container>.body .data_panel{
	height:760px;
}
.adv_container{
	width: 100%;
	height: 140px;
	margin: 0 auto;
	overflow: hidden;
}
.adv_container .container-fluid{
	height: 100%;
	margin:0 auto;
}
.adv_container #foo{
	height: 100%;
	margin:0 auto;
}
.foot_container{
	margin-top: 80px;
}
.canlola_thumbnail_box{
	height: 240px;
	margin-bottom: 20px;
}


.slideshow_left_arrow{
	width: 75px;
	height: 75px;
	position: absolute;
	top:271px;
	left: 15px;
	z-index: 600;
	cursor: pointer;
	font: 16px Arial;
	color: #dcdcdc;
	background: url('./../Images/LT/2016/top_change.png') no-repeat 0 0;
	font-weight: bold;
	display: none;
}
.slideshow_right_arrow{
	width: 75px;
	height: 75px;
	position: absolute;
	top:271px;
	right: 15px;
	z-index: 600;
	cursor: pointer;
	font: 16px Arial;
	color: #dcdcdc;
	background: url('./../Images/LT/2016/top_change.png') no-repeat 0 0;
	font-weight: bold;
	display: none;
}
.usla_current{
	float: left;
	margin-left:23px;
	margin-top:21px; 
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	position: relative;
	z-index: 99;
}
.usla_cnt {
    float: left;
    /* margin-left: 8px; */
    /* margin-top: 40px; */
    top: 38px;
    right: 26px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    position: absolute;
    z-index: 99;
}
.usra_current{
	float: left;
	margin-left:23px;
	margin-top:21px; 
	-moz-user-select:-moz-none;
	-webkit-user-select: none;
	position: relative;
	z-index: 99;
}
.usra_cnt {
    float: left;
    /* margin-left: 8px; */
    /* margin-top: 40px; */
    top: 38px;
    right: 26px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    position: absolute;
    z-index: 99;
}
.slideshow_left_arrow:hover{
	width: 75px;
	height: 75px;
	position: absolute;
	background: url('./../Images/LT/2016/top_change.png') no-repeat -80px 0px;
}
.slideshow_right_arrow:hover{
	width: 75px;
	height: 75px;
	position: absolute;
	background: url('./../Images/LT/2016/top_change.png') no-repeat -80px 0px;
}
.slideshow{
	height: 500px;
	display: block;
	overflow: hidden;
	position: relative;
}
.slideshow_item{
	width: 100%;
	height: 500px;
	position: absolute;
	cursor: pointer;
	overflow: hidden;
}
/*.slideshow_item img {
	width: 100%;
	height: 520px;	
}*/
.choose_rect_section{
	height: 13px;
	position: absolute;
	bottom: 33px;
  	cursor: pointer;
}
.rect{
	width: 11px;
	height: 11px;
	float:left;
	border: 2px solid rgb(28,28,28);
	margin-left: 20px;
	cursor: pointer;
}
.rect_choose{
	background-color: rgb(28,28,28);
	-ms-transform:rotate(45deg); /* IE 9 */
    -moz-transform:rotate(45deg); /* Firefox */
    -webkit-transform:rotate(45deg); /* Safari and Chrome */
    -o-transform:rotate(45deg); /* Opera */
}
.rotate{
    -webkit-animation:run 150ms steps(1) 1 forwards;
}
@-webkit-keyframes run {    
    0% {
        -ms-transform:rotate(0deg); /* IE 9 */
    	-moz-transform:rotate(0deg); /* Firefox */
    	-webkit-transform:rotate(0deg); /* Safari and Chrome */
    	-o-transform:rotate(0deg); /* Opera */
    }
    20% {
        -ms-transform:rotate(9deg); /* IE 9 */
    	-moz-transform:rotate(9deg); /* Firefox */
    	-webkit-transform:rotate(9deg); /* Safari and Chrome */
    	-o-transform:rotate(9deg); /* Opera */
    }
    40% {
        -ms-transform:rotate(18deg); /* IE 9 */
   		-moz-transform:rotate(18deg); /* Firefox */
    	-webkit-transform:rotate(18deg); /* Safari and Chrome */
    	-o-transform:rotate(18deg); /* Opera */
    }
    60% {
        -ms-transform:rotate(27deg); /* IE 9 */
    	-moz-transform:rotate(27deg); /* Firefox */
    	-webkit-transform:rotate(27deg); /* Safari and Chrome */
    	-o-transform:rotate(27deg); /* Opera */
    }
    80% {
        -ms-transform:rotate(36deg); /* IE 9 */
    	-moz-transform:rotate(36deg); /* Firefox */
    	-webkit-transform:rotate(36deg); /* Safari and Chrome */
    	-o-transform:rotate(36deg); /* Opera */
    }
    100% {
        -ms-transform:rotate(45deg); /* IE 9 */
    	-moz-transform:rotate(45deg); /* Firefox */
    	-webkit-transform:rotate(45deg); /* Safari and Chrome */
    	-o-transform:rotate(45deg); /* Opera */
    }

}
.col-240_title{
	height: 50px;
	background-color: #101010;
	color: #00be99;
	font-size: 16px;
	font-weight: bold;
	/* display: flex; */
	/* display: -webkit-flex; *//* Safari */
	/* align-items: center; */
	line-height: 50px;
	font-family: 'Microsoft Yahei';
}
.hot_board{
    margin-left: 10px;
    -moz-user-select: -moz-none;
    -webkit-user-select: none;
    margin;
    float: left;
}
.week{
	color: #dcdcdc;
	margin-left: 30px;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	float: left;
}
.break{
	color: #333;
	margin-left: 13px;
	-moz-user-select: -moz-none;
	font-weight: bold;
	-webkit-user-select: none;
	cursor: default;
	float: left;
}
.month{
	margin-left: 13px;
	color: #dcdcdc;
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	cursor: pointer;
	float: left;
}
.board_choose{
	color: #ebb400;
	cursor: default;
}
.works{
	width: 234px;
	height: 112px;
	background-color: #101010;
	position: relative;
	margin-bottom: 4px;
	overflow: hidden;
	padding: 3px;
}/*
.works_title{
	width: 225px;
    height: 24px;
    padding: 7px 7px;
    position: absolute;
    top: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    color: #dcdcdc;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    z-index: 1;
    background: url('../Images/canola_thumbnail_titlebg.png');
}
.works_img{
	width: 234px;
	cursor: pointer;
}
.works_name{
	width: 225px;
    height: 20px;
    padding: 7px 7px;
    position: absolute;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    word-wrap: break-word;
    white-space: nowrap;
    color: #dcdcdc;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background: url('../Images/canola_thumbnail_footbg.png');
}
.works_order1{
	width: 45px;
	height: 26px;
	position: absolute;
	bottom: 7px;
	right: 8px;
	z-index: 1;
	background: url("./../Images/LT/2016/1st.png") no-repeat center;
}
.works_order2{
	width: 45px;
	height: 26px;
	position: absolute;
	bottom: 7px;
	right: 8px;
	z-index: 1;
	background: url("./../Images/LT/2016/2nd.png") no-repeat center;
}
.works_order3{
	width: 45px;
	height: 26px;
	position: absolute;
	bottom: 7px;
	right: 8px;
	z-index: 1;
	background: url("./../Images/LT/2016/3rd.png") no-repeat center;
}*/
.week_panel{
	height: 362px;
	margin-top: 4px;
	/*display: flex;*/
	/* flex-direction: column; */
}
.month_panel{
	height: 362px;
	margin-top: 4px;
}
.hot_tags{
	height: 290px;
	background-color: #101010;
	/* display: flex; */
	/* display: -webkit-flex; *//* Safari */
	/* flex-direction: column; */
}
.single_tag{
	font-family: 'Arial';
	/* display: flex; */
	/* display: -webkit-flex; *//* Safari */
	/* justify-content: space-between; */
	padding: 0 10px;
	margin-bottom: 13px;
	height: 19px;
}
.tag_name{
	font-size: 16px;
	color: #dcdcdc;
	float: left;
	cursor: pointer;
}
.tag_amount{
	font-size: 14px;
	color: #666;
	float: right;
}
.cover_uid{
	width: auto;
	height: 100%;
	float: left;
	margin-left: 10px;
}
.user_shining {
	margin-left:30px!important; 
	margin-right:30px!important; 
}
.more_uid{
	width: auto;
	height: 100%;
	float: right;
	margin-right: 10px;
}
.user_container{
	height: 100%;
}
.recommend_user{
	width: 60px;
	height: 100%;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	/* overflow: hidden; */
	position: relative;
	cursor: pointer;
}
.mid{
	margin: 0 auto;
	height: 100%;
	width: 100%;
}
.user_image{
	border-radius: 50%;
	margin-top: 14px;
	width: 60px;
	height: 60px;
	overflow: hidden;
	position: relative;
}
.user_image_border{
	position: absolute;
	height: 54px;
	width: 54px;
	border-radius: 50%;
	border: 3px solid #101010;
	top: 0;
	left: 0;
	font-family: 'Microsoft Yahei';
	font-size: 14px;
}
.user_name{
	font-family: 'Arial';
	font-size: 14px;
	font-weight: bold;
	color: #dcdcdc;
	width: 100px;
	height: 17px;
	/* margin: 0 auto; */
	margin-top: 15px;
	margin-left: -20px;
	overflow: hidden;
	text-overflow: ellipsis;
	word-break: break-all;
	word-wrap: break-word;
	white-space: nowrap;
	text-align: center;
}
.cover_user{
	width: 29px;
    
	height: 29px;
    position: absolute;
    top: 15px;
    left: 16px;
    color: #00be99;
    font-weight: bold;
    line-height: 16px;
}
.show_more{
	width: 29px;
    
	height: 29px;
    position: absolute;
    top: 15px;
    left: 17px;
    color: #ebb400;
    font-weight: bold;
    line-height: 16px;
}
.tag_name:hover{
	color: #ebb400;
}
.more_vid_hover_user_image_border{
	background-color: #ebb400;
}
.more_vid_hover_show_more{
	color: #101010;
}
.selection{
	width: 100px;
	height: 36px;
	border-radius: 21px;
	position: absolute;
	border: 2px solid #ebb400;
	top: 60px;
	right: 76px;
	color: #ebb400;
	font-size: 16px;
	font-weight: bold;
	font-family: 'Microsoft Yahei';
	text-align: center;
	line-height: 36px;
}
.selection_mouseIn{
	background-color: #ebb400;
	color: #101010;
}
@media (min-width: 1040px){
	.user_container{width: 720px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 1300px){
	.user_container{width: 960px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 1560px){
	.user_container{width: 1200px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 1820px){
	.user_container{width: 1560px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 2080px){
	.user_container{width: 1800px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 2340px){
	.user_container{width: 2040px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 2600px){
	.user_container{width: 2280px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 2860px){
	.user_container{width: 2520px;height: 120px;margin: 0 auto 0 auto}
}
@media (min-width: 3120px){
	.user_container{width: 2760px;height: 120px;margin: 0 auto 0 auto}
}