/*--------------------------------------------------------
		accessories
 ---------------------------------------------------------*/
 html,body{
	overflow-x: hidden;
}
.visibility-hidden {
	visibility: hidden;
}
#accessories_data {
}

	#accessories_data .logogrp{
		font-size: 0;
	}
		#accessories_data .logogrp img{
			margin: 0 5px 8px 0;
			vertical-align: top;
		}
	#accessories_data #detail_viewer .viewer_wrap .item iframe{
		position: absolute;
		top: 0px;
		left: 0px;
	}

	#accessories_data .sceneicon{
		width: 36px;
		height: 36px;
		background-image: url("../../../images/products/ce6h/accessories/detail/scene_icon.png");
		background-repeat: no-repeat;
		display: inline-block;
		/display: inline;
		/zoom: 1;
		line-height: 0;
		margin-right: 3px;
	}
	#accessories_data .sceneicon.no1{
		background-position: 0 0;
	}
	#accessories_data .sceneicon.no1.deactivate{
		background-position: 0 -36px;
	}
	#accessories_data .sceneicon.no2{
		background-position: -39px 0;
	}
	#accessories_data .sceneicon.no2.deactivate{
		background-position: -39px -36px;
	}
	#accessories_data .sceneicon.no3{
		background-position: -78px 0;
	}
	#accessories_data .sceneicon.no3.deactivate{
		background-position: -78px -36px;
	}
	#accessories_data .sceneicon.no4{
		background-position: -117px 0;
	}
	#accessories_data .sceneicon.no4.deactivate{
		background-position: -117px -36px;
	}
	#accessories_data .sceneicon.no5{
		background-position: -156px 0;
	}
	#accessories_data .sceneicon.no5.deactivate{
		background-position: -156px -36px;
	}
	#accessories_data .sceneicon.no6{
		background-position: -195px 0;
	}
	#accessories_data .sceneicon.no6.deactivate{
		background-position: -156px -36px;
	}
	#accessories_data .sceneicon.no7{
		background-position: -234px 0;
	}
	#accessories_data .sceneicon.no7.deactivate{
		background-position: -234px -36px;
	}
	#accessories_data .sceneicon.no8{
		background-position: -273px 0;
	}
	#accessories_data .sceneicon.no8.deactivate{
		background-position: -273px -36px;
	}

	/*#accessories_data .modellink{
		padding-left: 20px;
	}*/
	#accessories_data .notes_wrap{
		padding-left: 20px;
	}
	.overlay #accessories_data .p3 p {
		font-size: 100%;
	}
	#accessories_data .modellink .more {
		display: block;
		margin-bottom: 20px;
	}
@media (max-width: 640px) {
	#accessories_data{
		position: static;
		top: 0;
		left: 0;
		margin: 0;
		background-color: #fff;
		width: auto;
		height: auto;
		opacity: 1;
		filter: alpha(opacity=100);
		-webkit-transition: opacity 0.15s linear;
		transition: opacity 0.15s linear;
	}
	#accessories_data .logogrp{
	}
	#accessories_data.in{
		opacity: 1;
		filter: alpha(opacity=100);
	}
	#accessories_data .closeimg{
		position: absolute;
		top: 20px;
		right: 20px;
		cursor: pointer;
		z-index: 100;
	}
	#accessories_data .closeimg img{
		width: 66px;
	}
		#accessories_data ul{
			margin: 0;
			padding: 0;
		}
		#accessories_data .elem1{
			float: none;
			width: auto;
			margin: 100px 0 20px 0;
			overflow: hidden;
		}
		#accessories_data .elem2{
			float: none;
			width: auto;
			margin: 20px 4.1% 60px;
			overflow: hidden;
		}
		#accessories_data .title_wrap{
			margin-bottom: 20px;
		}
		#accessories_data .title{
			font-size: 1.375em;
			line-height: 1.5em;
			margin-top: 0;
			margin-bottom: 5px;
			color: #212430;
		}
		#accessories_data .text{
			color: #212430;
		}
		#accessories_data #detail_viewer{
			width: 91.8%;
			height: auto;
			margin: 0 4.1% 0 4.1%;
			overflow: hidden;
			position: relative;
		}
		#accessories_data #detail_viewer .fixheight{
			width: 100%;
			height: auto;
		}
		#accessories_data #detail_viewer .viewer_wrap{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: auto;
		}
		#accessories_data #detail_viewer .viewer_wrap .item{
			width: 100%;
			height: auto;
			position: absolute;
		}
		#accessories_data #detail_viewer .viewer_wrap .item img{
			width: 100%;
			height: auto;
		}

		#accessories_data .thum_group{
			position: relative;
			top: auto;
			width: auto;
			height: auto;
			font-size: 0;
			margin: 0 0 0 4.1%;/**/
		}
		#accessories_data .thum_group_wrap{
			overflow: hidden;
			width: auto;
			height: auto;
			position: static;
		}
		#accessories_data .thum_group .photo_list{
			position: static;
			height: auto;
		}
		#accessories_data .thum_group .mov_list{
			margin-left: 30px;
		}
		#accessories_data .thum_group .item{
			display: inline-block;
			width: 80px;
			height: 85px;
			margin-left: 0;
			margin-right: 10px;
			margin-bottom: 10px;
			cursor: pointer;
			border-bottom: #ffffff 4px solid;
			-webkit-transition: border-bottom 0.15s ease-out;
			transition: border-bottom 0.15s ease-out;
		}
		#accessories_data .thum_group .item img{
			width: 80px;
			height: 80px
		}
		#accessories_data .thum_group .item.active,
		#accessories_data .thum_group .item:hover{
			border-bottom: #426ff7 4px solid;
		}
		#accessories_data .thum_group .photo_list .item:first-child,
		#accessories_data .thum_group .mov_list .item:first-child{
			margin-left: 0;
		}
		#accessories_data .thum_group #thum_group_arrow_left{
			display: none;
		}
		#accessories_data .thum_group #thum_group_arrow_right{
			display: none;
		}
}