.demowrap {
	border:4px solid #FFFFFF;
	box-shadow:0 1px 2px rgba(0,0,0,0.2);
	display:block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    position: relative;
}
.demowrap img {
    position: absolute;
    width: 100%;
    height: 100%;


	
}


.cf:before,.cf:after {
	content:" ";
	/* 1 */    display:table;
	/* 2 */
}
.cf:after {
	clear:both;
}
/** * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */.cf {
	*zoom:1;
}
.info {
	text-indent:1em;
}
.box {
	margin-bottom:40px;
}

#option ul {
	list-style:square;
	line-height:2em;
}
#option b {
	color:#333;
	padding:0 5px;
	text-shadow:1px 1px 0 #fff;
}
#option i {
	color:#F30;
	margin-left:5px;
}