<!-- 组件单个开始 -->
                                    <div class="box box-element">
                                         <a href="#close" class="label label-danger remove">
        <i class="glyphicon-remove glyphicon" title="删除">
        </i>
    </a>
	<span class="drag drag-container label label-default div-drag" data-target="#div-config" role="button" data-toggle="modal">
        <i class="glyphicon glyphicon-cog" title="Layouts"></i>	Layouts
    </span>
                                     
                                        <div class="preview">
                                            <img src="{$skin_admin_path}/images/visual/modules/layouts-19.jpg" alt="描述">
											<p>描述</p>
                                        </div>
                                        <div class="view">
                                            <div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-2.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-1.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-3.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-4.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-5.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-6.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-7.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3">
	<div class="row">
		<img src="{$skin_admin_path}/images/visual/modules/temp/tour-8.jpg" class="responsive width-percentage-100" alt="Responsive image">
	</div>
	<div class="position-absolute top-0 right-0 color-white z-index-9 text-right">
		<div class="padding-30">
			<h4><a href="">标题</a></h4>
			<p class="color-gray">
				内容简介更多详细内容
			</p>
		</div>
	</div>
	<div class="background-gray-opacity position-absolute height-percentage-100 width-percentage-100 top-0 left-0 z-index-0">
	</div>
</div>
                                        </div>
                                    </div>
									<!-- 组件单个结束 -->