#dd>div {
	width: 100%;
    padding: 0 6px;
}

.dialog-top {
	height: 344px;
	/* border: 1px solid red; */
	overflow: hidden;
}

.dialog-top>div {
	float: left;
}

.div-img-title {
	overflow: hidden;
	margin: 1px 1px 0px -1px;
}

.div-img-title>li {
	float: left;
    width: 60px;
    height: 30px;
    text-align: center;
    padding: 9px 11px;
    color: #868585;
    background-color: #e2e1e1;
}

.div-img {
	587px
}
.info-ul{    
	margin-top: 30px;
	line-height: 20px;
}
.info-ul li {
	padding: 2px 0;
}


/*ÂÖ²¥Í¼*/

.pc-slide {
	width: 500px;
	margin: 0 auto;
}

.view .swiper-container {
	width: 500px;
	height: 500px;
}

.view .arrow-left {
	background: url(images/index_tab_l.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.view .arrow-right {
	background: url(images/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.preview {
	width: 100%;
	margin-top: 10px;
	position: relative;
}

.preview .swiper-container {
	width: 430px;
	height: 82px;
	margin-left: 35px;
}

.preview .swiper-slide {
	width: 87px;
	height: 82px;
}

.preview .slide6 {
	width: 82px;
}

.preview .arrow-left {
	background: url(images/feel3.png) no-repeat left top;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview .arrow-right {
	background: url(images/feel4.png) no-repeat left bottom;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -9px;
	width: 9px;
	height: 18px;
	z-index: 10;
}

.preview img {
	padding: 1px;
}

.preview .active-nav img {
	padding: 0;
	border: 1px solid #F00;
}


/*½áÊø*/

.dialog-btm1 {
	overflow: hidden;
	margin-top: 110px;
}
.dialog-btm1-left{
	float: left;
}
.dialog-btm1-right{
	float: right;
}
.div-img-title li.active{
	background-color: #67c23a!important;
    border-color: #67c23a;
    height: 30px;
    width: 60px;
    text-align: center;
    color: #fff;
}
.div-img-title li{
	margin: 0 2px;
}
.info-ul li{
	margin: 4px 0;
}
.div-info{
	width: 230px;
    height: 341px;
}
.info-ul2{
	 position: absolute;
    bottom: 75px;
}
.btn-default {
    border: none;
    border-radius: 0;
    font-size: 12px;
    height: 30px;
    width: 80px;
    text-align: center;
    background: #67c23a;
    color: #fff !important;
    border: 1px solid #5dab36;
}

.btn-ignore {
    border: none;
    border-radius: 0;
    font-size: 12px;
    height: 30px;
    width: 80px;
    text-align: center;
    background: #e8e8e8;
    border: 1px solid #ccc9c9;
    color: #868585 !important;
}
.btn-left{
    border-radius: 0;
    border: 1px solid #cfcfcf;
    font-size: 12px;
    height: 30px;
    width: 80px;
    text-align: center;
    background: #fff;
    color: red !important;
    margin: 1px 1px 8px 2px;
}
.btn-right{
    border-radius: 0;
    border: 1px solid #cfcfcf;
    font-size: 12px;
    height: 30px;
    width: 80px;
    text-align: center;
    background: #fff;
    color: black !important;
}
.pc-video{
	float: left;
    /*box-shadow: 0 0 5px #a09f9f;*/
    margin: 3px 1px 1px 1px;
}
.pc-recordvideo{
	float: left;
    /*box-shadow: 0 0 5px #a09f9f;*/
    margin: 3px 1px 1px 1px;
}
.pc-video-box{
	float: left;
    box-shadow: 0 0 5px #a09f9f;
    padding: 1px 1px 1px 1px;
    width: 430px;
    height: 300px;
	/*border: 1px solid #969393;*/
}
.toCanvasBox {
    position: relative;
    width: 430px;
    height: 300px;
}
.pc-img-top>img{
	width: 480px;
    height: 245px;
}
.pc-img-topimg>img{
	margin: 1px 1px 1px 1px;
	border: 1px solid #969393;
}
.pc-img-btm{
	margin-top: 3px;
	overflow: hidden;
}
.pc-img-btm>img{
	float: left;
	height: 67px;
    width: 111px;
	margin: 1px 3px 1px 1px;	
	border: 1px solid #969393;
}
.dialog-btm{
	display:none;
}
