﻿@charset "utf-8";
.tb{
	display:block;
	width:auto;
	height:auto;
	margin:auto;
	text-align:center;
	padding:10px;
	max-width:500px;
}

#qd_pic{
	display:inline-block;
	width:500px;
	height:auto;
	overflow:hidden;
	margin:auto;
	max-width:100%;
	box-sizing:border-box;
	border:1px solid #ddd;
	vertical-align:middle;
}
@media (max-width:767px){#qd_pic{height:auto;max-width:100%;}}
#qd_name{
	display:block;
	width:auto;
	height:auto;
	font-size:28px;
	font-weight:bold;
	line-height:180%;
	overflow:hidden;
	text-align:center;
	padding-bottom:20px;
}
#qd_miaoshu{
	display:block;
	width:auto;
	height:auto;
	line-height:200%;
	overflow:hidden;
	color:#666;
	background-color:#f5f5f5;
	border:1px solid #ddd;
	padding:10px;
}
#qd_pic_id{
	display:block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:10px;
	text-align:center;
	font-size:0px;
}
.tb_item{
	display:inline-block;
	width:auto;
	height:auto;
	overflow:hidden;
	margin:auto;
	vertical-align:top;
}
.tb_tb{
	display:block;
	width:auto;
	height:60px;
	overflow:hidden;
	margin:2px;
	position:relative;
	border:1px solid #ddd;
	box-sizing:border-box;
}

.hover{
	border:1px solid #f00;
}

.easyzoom {
	width:auto;
	height:auto;
	display:block;
	position:relative;
}
.easyzoom img {
    display: block;
}
/* Shrink wrap strategy 2 */
.easyzoom {
    display: inline-block;
}
.easyzoom img {
	width:400px;
    vertical-align: bottom;
}
.easyzoom-flyout{
	width:300px;
	height:300px;
	margin:auto;
	display:block;
	position:absolute;
	right:-300px;
	top:20px;
	background-color:#fff;
	border:1px solid #ddd;
}
@media (max-width:767px){.easyzoom-flyout{display:none;}}
#qd_content{
	display:block;
	overflow:hidden;
	margin:auto;
	width:auto;
	height:auto;
	padding:20px;
	line-height:200%;
	background-color:#fff;
}
#qd_content * img{
	max-width:100%;
	clear:both;
	height:auto;
	overflow:hidden;
}