/* CSS Document */

div.banner{float:left;margin-left:0px;margin-top:0px;margin-bottom:10px;width:100%;float:left;}
div.banner img{width:100%;}

div.selector_options,div.selector_options h2,div.selector_options ul{clear:both;float:left;width:100%; }
div.selector_options div{float:left;margin-right:3%; width:20%; margin-top:10px; padding:2px 5px; border:1px solid #333;}
div.selector_options div.p30{width:30%;}
div.selector_options div.p40{width:40%;}

div.selector_options h2{font-size:16px;margin-top:2px;margin-bottom:5px; color:#fff; font-size:18px;}
div.selector_options li{float:left; margin-right:10px; font-size:16px; margin-bottom:15px;color:#999; background:#000; padding:1px 10px; cursor:pointer;-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}

div.selector_options li.selected{ color:#f60;}


@media (min-width: 1200px){
	div.selector_options{ padding:2px 0;}
	div.selector_options div{float:left;margin-right:1%; width:25%; margin-top:0px; padding:2px 2px; border:none;border:none;margin-bottom:10px;}
	div.selector_options h2{font-size:18px;margin-top:0px;margin-bottom:2px;margin-left:9px; color:#fff;}
	div.selector_options div.p30{width:100%;}
div.selector_options div.p40{width:100%;margin-right:0px;}	
div.selector_options ul.option_left li{width:100%;}
div.selector_options li{margin-right:0px;margin-bottom:5px;}
div.selector_options div.player{width:100%;}
div.selector_options div.cover{width:100%;}
div.selector_options div.price{width:100%;}
div.selector_options div.leg{width:100%;margin-right:0px;}
div.selector_options div.shape{width:100%;}

	}




div.bbo_selector_gallery{width:100%; clear:both;margin-top:15px; float:left;}
@media (max-width: 1050px) {div.bbo_selector_gallery{width:100%; float:left;}}


div.bbo_selector_gallery div.bbo_gallery_main{border:1px solid #333;margin-bottom:10px;position:relative; padding:10px; text-align:center;}
div.bbo_selector_gallery div.bbo_gallery_main div{ position:absolute; bottom:0px; left:0px; background:#F60; color: #fff; padding:10px; cursor:pointer; font-size:20px; }
div.bbo_selector_gallery div.bbo_gallery_main p{ position:absolute; bottom:0px; left:0px; color: #fff; padding:10px; margin:0px; cursor:pointer; font-size:16px; color:#666; display:none;}
div.bbo_selector_gallery div.bbo_gallery_main,div.bbo_selector_gallery div.bbo_gallery_main img{width:100%; }
div.bbo_selector_gallery div.bbo_gallery_main img{width:50%;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease; }


div.bbo_selector_gallery ul{width: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;margin-bottom:10px; }
div.bbo_selector_gallery ul li{	height: 100%;
	display: table-cell;
	vertical-align: top;}
	
	


div.bbo_selector_gallery ul li b,div.bbo_selector_gallery ul li u,div.bbo_selector_gallery ul li i{display:none;}	
	
div.bbo_selector_gallery ul li a{ position:relative;display:block;border:3px solid #222;outline: none;margin-right:10px; cursor:pointer; }

div.bbo_selector_gallery ul li a p{ position:absolute; top:0px; left:0px;width:100%; height:100%;float:float:left; background:#000; opacity:0.85; margin:0px; padding:0px;-webkit-transition: all 0.5s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;}
div.bbo_selector_gallery ul li.selected a p{ opacity:0;}
div.bbo_selector_gallery ul li.selected a{border:3px solid #444;}
div.bbo_selector_gallery ul li a.selected{border:3px solid #999;}
div.bbo_selector_gallery ul li a:hover{border:none;}
div.bbo_selector_gallery ul li img{max-width: 100%; display:block; cursor:pointer;}

@media (max-width: 1050px) {
	div.bbo_selector_gallery ul{width: 100%;
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
display: block;
table-layout:auto;
	border-collapse: collapse;margin-bottom:10px; }
div.bbo_selector_gallery ul li{	height: 50px;
	display: block;
	width:20%;
	float:left;
	margin-bottom:10px;
	vertical-align: top;}
div.bbo_selector_gallery ul li img{ height:50px;}	
div.bbo_selector_gallery ul li img{ display:inline;}
	}


div.bbo_selector_slideshow{width:100%; clear:both; text-align:center; height:400px;position:relative;}

@media (min-width: 1200px){
	
	div.bbo_selector_slideshow{width:100%; margin:0 auto;}

}

div.bbo_selector_slideshow div.bbo_select_slideshow_main{ position:absolute;float:left; left:0px; right:0px; margin:0 auto;}
div.bbo_selector_slideshow div.bbo_select_slideshow_main img{ height:100%; max-height:400px;}
div.bbo_selector_slideshow div.left{ position:absolute; top:0px; width:60px; text-align:left; font-size:13px; color:#333;height:50px;bottom:0px; margin:auto 0;left:0px; color:#999; cursor:pointer; padding:0px; cursor:pointer; z-index:100;}

div.bbo_selector_slideshow div.left:hover,div.bbo_selector_slideshow div.right:hover{color:#f60;}
div.bbo_selector_slideshow div.right{ position:absolute; width:60px; height:50px;top:0px; text-align:right; bottom:0px; margin:auto 0;right:0px;cursor:pointer;z-index:1;color:#999; font-size:13px;}

@media (max-width: 1050px) {div.bbo_selector_slideshow{width:100%; clear:both; text-align:center; clear:none; float:left;height:250px;}div.bbo_selector_slideshow div.bbo_select_slideshow_main img{ width:100%; height:auto;}
div.bbo_selector_slideshow div.left{margin-top:-50px; top:150px; width:40px; height:50px; left:5%; cursor:pointer; padding:0px; cursor:pointer; z-index:1;}
div.bbo_selector_slideshow div.right{ margin-top:-50px;width:40px; height:50px;top:150px; right:5%;cursor:pointer;z-index:1;}
div.bbo_selector_slideshow div.left,div.bbo_selector_slideshow div.right{display:block;}
div.bbo_tab_mobile_content h2{font-size:18px;}

}

div.bbo_tab ul.bbo_tab_main li{background:#666; color:#ccc;width:20%;}
div.bbo_tab ul.bbo_tab_main li:hover{color:#000;}
div.bbo_tab p.title{font-weight:bold;}
div.bbo_tab_content{line-height:22px;}

h2.selector_title{font-size:30px;color:#fff;margin-top:20px;width:100%;margin-bottom:5px; border-bottom:1px solid #666;}